Question

我在firefox和IE中的scrolltop有一些问题我在我的代码中使用了scrolltop超过2次，但是在第一部分它可以工作，但在第二部分它没有我有两个箭头＆＃34; next＆＃34;和＆＃34; prev＆＃34;当点击它们页面滚动到特定部分时，我无法找到如何解决它？

jquery：

var lchiled=$("ul#portfolio li").last();
var fchiled=$("ul#portfolio li").first();
$('li.section').first();
$("ul#portfolio li:first-child").addClass("current");

$('a.display').on('click', function(e) {
    e.preventDefault();

    var t = $(this).attr('name');

    that = $(this);


    if (t === 'next') {
        if($('.current').next('.section').length==0)
            var $next = $('li.section').first();
        else
            var $next = $('.current').next('.section');

        var top = $next.offset().top -65;
        $('.current').removeClass('current');

        $('body,html').animate({
        scrollTop: top,
        }, 

        function () {
        $next.addClass('current');
        // alert(top);
        });
    }
    else if (t === 'prev' && $('.current').prev('li.section').length > 0) {
        var $prev = $('.current').prev('.section');
        var top = $prev.offset().top -65;
        $('.current').removeClass('current');

        $('body').animate({
             scrollTop: top,     
        }, function () {
            $prev.addClass('current');
        });
    } 

});

html：

<div id="container">

   <ul id="portfolio" class="clearfix">

   </ul>

</div>

lis是用jquery代码动态生成的

Answer 1

一定是这样的

$('body,html').animate({
         scrollTop: top,     
    }, function () {
        $prev.addClass('current');
    });

而不是

$('body').animate({
         scrollTop: top,     
    }, function () {
        $prev.addClass('current');
    });

我忘了更新上一部分，所以发生了这个问题。

Answer 2

您在.animate的两个地方使用scrollTop。在一个方面，您（正确地）使用html,body作为选择器。另一方面，您只使用body。你想知道它为什么在某些浏览器中不起作用;）

Answer 3

尝试var offset = $(window).scrollTop();这个。

Answer 4

您可以使用window.scrollTo(x,y)

scrollTop无法在Firefox和IE中运行

4 个答案: