Можно ли плавную прокрутку от GSAP поместить в div?

Тема в разделе "JavaScript", создана пользователем drkrol, 8 авг 2019.

  1. drkrol

    drkrol Постоялец

    Регистр.:
    6 мар 2016
    Сообщения:
    109
    Симпатии:
    10
    Здравствуйте. Есть вот такая плавная прокрутка:
    https://codepen.io/osublake/pen/QqPqbN
    Я пытался поместить эту плавную прокрутку в div:
    https://jsfiddle.net/cjenr2qg/

    У меня на сайте у body должен быть overflow: hidden, а контент должен быть в отдельном окне с прокруткой. Как сделать, чтобы плавна прокрутка заработала в DIV.

    Проблема заключается в var body и var html. Я пытался подстроить свои div (div body и div document), но всё тщетно. Ссимулировать html страницу у меня не вышло.

    Один из вариантов - это тупо заменить div на iframe. Это с одной стороны решает мою проблему, но с другой появляются проблемы с индексированием. Google и Яндекс негативно относятся к iframe. А мне индекс как раз очень нужен.
     
  2. L2Banners

    L2Banners Постоялец

    Регистр.:
    15 сен 2017
    Сообщения:
    69
    Симпатии:
    24
    А чем не нравится готовое решение в виде пользовательского скроллбара? https://github.com/malihu/malihu-custom-scrollbar-plugin демо
    Есть много моментов, которые в них предусмотрены и в дальнейшем избавят от проблем.
     
    Последнее редактирование: 15 авг 2019