javascript - 如何添加 jQuery scrollTop 偏移量?

标签 javascript jquery

我试图让 div 捕捉到视口(viewport)的中心,现在它只是捕捉到顶部。我试图设置 50% 的偏移量,但只能以像素为单位。

编辑

我在尝试包含 $(window).scrollTop()/2)

的地方添加了一个新的 fiddle

http://jsfiddle.net/kZY9R/84/

$("#item").offset().top - 100

var body = $("html, body");
var items = $(".item");
var animating = false;

$(window).scroll(function() {
    clearTimeout($.data(this, 'scrollTimer'));
    if (!animating) {
        $.data(this, 'scrollTimer', setTimeout(function() {

            items.each(function(key, value) {
                if ($(value).offset().top > $(window).scrollTop()) {
                    animating = true;
                    $(body).stop().animate( { scrollTop: $(value).offset().top }, 1000,'swing');
                    setTimeout(function() { animating = false; }, 2000);
                    return false;
                }
            });
        }, 50));
    }
});

最佳答案

我发现了这个:

$('html, body').animate({scrollTop: $('#your-id').offset().top -100 }, 'slow');

来源:Run ScrollTop with offset of element by ID

关于javascript - 如何添加 jQuery scrollTop 偏移量?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34725446/

相关文章:

javascript - Dygraphs:是否可以混合带有和不带有误差线的系列?

javascript - 我需要一个 div 在 10 秒后激活

jquery 设置高度等于图像高度大约 50% 的时间有效

javascript - 我无法添加和删除类(class)

javascript - blaze 中 Template.myTemplate.onRenderd() 中的 window.onSelection()

javascript - Selectr 插件不适用于多个选择实例?

javascript - 如何在javascript中检测鼠标加速度?

javascript - 在大型 TypeScript 项目中共享类型的最佳方式?

jquery - Accordion 风格多层列表菜单

jQuery fadeIn 在 IE 中的图像上创建白点/ Blob