Не работает скролл когда курсор наведен на SVG картинку, что делать?

Question

[Влад Серов]

На сайте установлен скрипт fullpage.js для скролла сайта поэкранно.

Первый экран на сайте это SVG картинка с анимацией (элементы картинки выделяются при наведении. на скрине видно справа деревья ярче остальных картинок). Проблем в том, что когда курсор находится на SVG картинке, то скролл страницы не работает. Если навести ниже или выше (зоны красного квадрата на скрине), то все становится нормально.

В чем проблема понять не могу.

Comments

[wisgest]

Есть русское слово «прокрутка».

Answer 1

[Александр Епихин]

Возможно у вас в css где-то стоит pointer-events: none;
Дайте ссылку на сайт, чтобы посмотреть

Comments

[Влад Серов]

melcherry.myspace.biz.ua

По коду пробежался поиском. Ни в самом файле, ни в стилях нет ничего. Не работает именно в этом месте, остальное все работает.

[Александр Епихин]

Точно определить не удалось. Возможно проблема в теге object. Если его удалить и задать высоту about-section-image_mc, то все работает Попробуйте вставить содержимое svg прямо в разметку. Либо через dreamhelg.ru/2017/02/symbol-svg-sprite-detail-guide/.

[Влад Серов]

Александр Епихин, сходу содержимое не хотелось бросать, там оочень много кода)

Сейчас почитаю по ссылке что там. Спасибо!

[Влад Серов]

Александр Епихин, протестировал разные варианты, проблема действительно в теге "object". overflow ничем не помогает, не знаете в чем может быть проблема?

[Александр Епихин]

Не знаю. А вы пробовали вставить через ?

[Влад Серов]

Александр Епихин, Если поставить через просто тег картинки ту же SVG то все работает. Но пропадает анимация. Вставить сам SVG в код страницы не получается, там 25тыс. строк кода)

Решено было сделать кнопку типа "Про компанию", чтобы та скролила вниз

[Александр Епихин]

Если вставить изображения через use то можно менять стили вложенных path. Вот пример