当前位置：文江博客话题详情

滚动行为让我感到困惑

发布于 2024-12-03 19:24:51 字数 249 浏览 0 评论 0原文

我有一些溢出隐藏的div。其中有 li 元素，我尝试将 div 进一步滚动到 6 个元素的滚动顶部（带有按钮）。

http://jsbin.com/ejobuw/6

但是滚动行为让我感到困惑。 onclick 它会在下次单击到实际位置时滚动到元素的中间，并且不会滚动到末尾。有人可以帮助我吗？

PS 抱歉我的学校英语:)

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

書生途 2024-12-10 19:24:51

我认为问题在于您正在使用 offset() 来检索元素相对于页面的当前位置 - 但由于您四处移动这些元素，因此偏移量变化。

尝试此解决方案：

$(document).ready(function() {
    var i = 0;
    var offset = $("a").eq(6).offset().top;

    var scrollList = function() {
        $('#thumb_keeper').animate({
            scrollTop: offset * i
        }, 500);
    };

    $('.scroll_down').click(function () {
        i++;
        scrollList();
    });

    $('.scroll_up').click(function () {
        i--;
        scrollList();
    });    
});

您将需要进行一些其他更改以检查是否可以进一步向下滚动，否则 i 不得增加。向上滚动也是如此。

I think the problem is that you're using offset() which retrieves the current position of an element relative to the page - but since you move those elements around, the offset changes.

Try this solution:

$(document).ready(function() {
    var i = 0;
    var offset = $("a").eq(6).offset().top;

    var scrollList = function() {
        $('#thumb_keeper').animate({
            scrollTop: offset * i
        }, 500);
    };

    $('.scroll_down').click(function () {
        i++;
        scrollList();
    });

    $('.scroll_up').click(function () {
        i--;
        scrollList();
    });    
});

You will need to make some other changes to check if you can scroll further down, otherwise i must not be incremented. Same goes for scrolling up.

回复收藏 0 原文

~没有更多了~