Question

我正在处理的网站顶部有一个“强制性”标题，他们不会让我删除。我的解决方法是使用body onLoad事件启动窗口滚动下方的标题，如下所示：

    <body <?php body_class(); ?> onLoad="window.scroll(0, 100)">

问题出现了，因为我正在研究网站响应元素。当屏幕点击400px媒体查询时，我完全隐藏了该div。这意味着我的网站仍然不必要地向下滚动100px。

有没有办法将window.scroll事件更改为不向下滚动，（或者如果他们根据该媒体查询将标题放回移动设备上，则向下滚动，尽管更小）？

Answer 1

您可以使用此fiddle

JAVASCRIPT：

$(window).load(function () {
    $('html, body').animate({
        scrollTop: $("#content").offset().top
    }, 1000);
});

基本上它会滚动到你想要显示的元素，所以如果标题不存在，＃content top将为0，所以它不会滚动。

或者，您可以使用下面的代码将网站相应地滚动到标题的高度。没有标题=没有高度=问题已解决。

$(window).load(function () {
    $('html, body').animate({
        scrollTop: $("#header").height()
    }, 1000);
});