Question

是否可以在窗口调整大小时阻止滚动？我有一个由4个部分（div）组成的网站，每个部分都取窗口的大小。

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作为最小高度，但每次调整大小时，它都会跳转（滚动）到下一部分，当窗口调整大小时，它可以保持在当前部分吗？

Answer 1

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

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

到您的功能，然后，由于其他内容，页面上滚动

不允许滚动窗口调整大小

1 个答案: