Question

I m 利用JQuery来顺利播放图像:

function smoothScroll图瓦卢o(hash) {
    $("html:not(:animated).,body:not(:animated)").animate({
        scroll图瓦卢op: $(hash).offset().top
    }, 650, function () {
        location.hash = hash;
    });
}
$(function () {
    $("#content-images li a[href*=#]").click(function () {
        this.blur();
        smoothScroll图瓦卢o(this.hash);
        return false;
    });
});

然而,我在该地有固定的av子,在上页的顶部。当该网页降幅到下一个图像时,该页面将跳下与设想相隔的av。

我的问题是,我如何能够修改上述法典,以弥补我固定的 n的高度?

任何帮助都将受到高度赞赏。

图瓦卢

Answer 1

变化:

scrollTop: $(hash).offset().top

:

scrollTop: $(hash).offset().top + $( #fixed_nav_bar ).outerHeight()

这应当考虑到固定的 n峰。

希望:

Answer 2

回答:

function smoothScrollTo(hash, t) { // two params
    $("html:not(:animated).,body:not(:animated)").animate({
        scrollTop: $(hash).offset().top + $( #fixed_nav_bar ).outerHeight()
    }, 650, function () {
        var tmp = t.id; // hold the id
        t.id =   ;      // remove it so we don t jump
        location.hash = hash;
        t.id = tmp;     // now that we didn t jump we can move it back
    });
}
$(function () {
    $("#content-images li a[href*=#]").click(function () {
        this.blur();
        smoothScrollTo(this.hash, this); // two args
        return false;
    });
});

友情链接