jquery - WP mobile jquery scrolltodiv 从菜单

Question

我正在开发一个响应式 wordpress 网站，在小屏幕（移动设备）上，当菜单占用大部分屏幕空间时，我想在单击菜单项时滚动到 #content。我试过这些脚本但没有用。

1

$("#access a").click(function() {
$("#goto").animate({scrollTop: $("#goto").offset().top});
});

2

$("html, body").animate({ scrollTop: $('#goto').offset().top }, 1000);

有一个简单的解决方案吗？

Answer 1

不久前我在这里回答了一个类似的问题，效果很好。

根据那个答案，试试这个：

$(function() {
var scrollElement = '#content';
var destination = $(scrollElement).offset().top;
$("#access a").click(function() {
    $(scrollElement).offset().top;
    $("html:not(:animated),body:not(:animated)").animate({
        scrollTop: destination-75 }, 800 );
    });
});​

请注意，可以调整数字 75 以使页面准确滚动到您想要的位置。