我是相当新的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函数。
