jquery:animate scrollLeft

前端之家收集整理的这篇文章主要介绍了jquery:animate scrollLeft前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我是相当新的jquery,似乎不明白为什么我的代码不工作。我有一个水平布局,并希望使用scrollLeft()函数(它与这个代码完美)
$("#next").click(function() {
    currentElement = currentElement.next();
    scrollTo(currentElement);    
});

function scrollTo(element) {
    $(window).scrollLeft(element.position().left);
}

但理想情况下,我想动画这样,以便当#next被点击时,有一个很好的动画效果滚动左功能

$("#next").click(function() {
    currentElement = currentElement.next();
    scrollTo(currentElement);    
});

function scrollTo(element) {
    $(window).animate({scrollLeft: element.position().left},750);
}

但没有效果。我究竟做错了什么?

解决方法

你会想要这样的:
$("#next").click(function(){
      var currentElement = currentElement.next();
      $('html,body').animate({scrollLeft: $(currentElement).offset().left},800);
      return false;
   });

我相信这应该工作,它通过一个scrollTop函数

原文链接:https://www.f2er.com/jquery/184934.html

猜你在找的jQuery相关文章