gpt4 book ai didi

jquery - 不允许滚动窗口调整大小

转载 作者:行者123 更新时间:2023-11-28 14:15:12 24 4
gpt4 key购买 nike

是否可以在调整窗口大小时阻止滚动?我有一个由 4 个部分 (divs) 组成的网站,每个部分都占用窗口的大小。

HTML

<html>
<body>
<div id="home" class="section"></div>
<div id="works" class="section"></div>
<div id="contact" class="section"></div>
<div id="about" class="section"></div>
</body>
</html>

CSS

.section{
margin: 0;
width:100%;
}

JQUERY

   $(document).ready(function() {
$(".section").height($(window).height());
$(".section").css("min-height", "768px");
$(window).resize(function() {
$(".section").height($(window).height());
var bodyheight = $(window).height();
});
});

如您所见,我在上面添加了一段代码,其中您会看到每个 div 都具有窗口的大小,并遵循调整大小的行为,最小高度为 768px,但每次我调整它的大小时,它都会跳跃(滚动)到下一部分,是否可以在调整窗口大小时使其停留在当前部分?

最佳答案

我在 Aurora、Opera 和 Chrome 中对其进行了测试,在调整大小时它不会滚动到之前的内容,除非在调整页面大小时向页面添加了动态内容。例如,我添加了

$('body').prepend('<div>' + $(window).width() + '</div>'); 

到你的功能,然后,由于额外的内容,页面上有滚动

关于jquery - 不允许滚动窗口调整大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9118189/

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