javascript - 使用 % 而不是 px 的 Jquery 偏移量 - 可能吗？

Question

我有这个脚本，如果我希望它为其滚动到的 id 顶部的 15% 做一个偏移量。我尝试了很多东西，所以我有点好奇你们会采取什么方法。由于我自己的所有尝试都失败了，因此我已将其简化为可行的方法。希望有人可以帮助我。

$('a[href*=#]').bind('click', function (e) {
        e.preventDefault();

        var target = $(this).attr("href");

        $('html, body').stop().animate({ scrollTop: $(target).offset().top }, 800, function () {
            location.hash = target; 
        });

        return false;
    });

我在这里做了一个小提琴：http: //jsfiddle.net/77rFz/

Answer 1

尝试这样的事情

Math.round(parseInt($(target).offset().top) * 0.15)

Answer 2

我没有尝试过，但我会说这样的事情可以工作：

$('a[href*=#]').bind('click', function (e) {
    e.preventDefault();

    var target = $(this).attr("href");

    var offset = $(target).offset().top - $(target).height * 0.15;

    $('html, body').stop().animate({ scrollTop: offset }, 800, function () {
        location.hash = target; 
    });

    return false;
});

Answer 3

这行得通！

$('a[href*=#]').bind('click', function (e) {
        e.preventDefault();

        var target = $(this).attr("href");
        var parentDiv = $(this).parent(".wrap1");
        var offset = Math.round(parseInt($(target).offset().top) - (0.15 * parentDiv.height()));

        $('html, body').stop().animate({ scrollTop: offset }, 800, function () {
            //location.hash = target; 
        });

        return false;
    });