@BedOmar
Веб-разработчик

Как плавно прокрутить блок на jQuery?

Делаю подобный блок как на сайте https://skybot.io/ (Слева). Никак не могу сделать чтобы блок текст прокручивался вниз правильно и останавливался после наведения на него мышкой, а так же продолжал движение после перемещения курсора от текста. У .main_text overflow hidden Вот код:
$('.main_text').stop().animate({
         scrollTop: 0
      }, 1)

      scrollPx = $(".main_block .main_text .in_text")[0].scrollHeight-$(window).height()/2
      setTimeout(function () {

         $('.main_text').stop().animate({
            scrollTop:scrollPx
         }, scrollPx*20, "linear")
         console.log(scrollPx);
      }, 1500)

      $('.main_text').mouseover(function () {
         $(this).stop()
         console.log("stop")
      }, function () {
         $('.main_text').mouseout(function () {
            $('.main_text').stop().animate({
               scrollTop:scrollPx
            }, scrollPx*20, "linear")
         })
      })
  • Вопрос задан
  • 76 просмотров
Пригласить эксперта
Ответы на вопрос 1
kocherman
@kocherman
Что именно не получается у вас?
Я бы заменил mouseover и mouseout на mouseenter и mouseleave соответственно.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы