gpt4 book ai didi

javascript - 根据媒体查询更改 window.scroll 位置?

转载 作者:太空宇宙 更新时间:2023-11-04 14:25:25 26 4
gpt4 key购买 nike

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

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

当我处理网站响应元素时,问题出现了。当屏幕到达 400px 媒体查询时,我完全隐藏了那个 div。这意味着我的网站仍在不必要地向下滚动 100 像素。

有没有办法根据该媒体查询将 window.scroll 事件更改为不向下滚动(或者如果他们让我将标题放回移动设备,则向下滚动更少,尽管更小)?

最佳答案

你可以玩这个 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);
});

关于javascript - 根据媒体查询更改 window.scroll 位置?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19596187/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com