Question

我有一系列div，用作演示页面。最初我只有第一个div显示，另外2个在页面加载时使用jQuery hide（）隐藏。每个div上都有一个按钮，触发jQuery事件隐藏当前div并显示序列中的下一个div。

我想在最后一个div（div 3），一旦显示也显示前两个div，但仍然显示div 3。意思是，用户可以向上滚动以查看其他两个div，但是如果没有滚动，他们仍然会查看div 3.

$(document).ready(function () {
    $(".page-2").hide();
    $(".page-3").hide();
    $(".overlay").show();

$(".overlay-button").click(function () {
    $(".overlay").hide();
    $(".page-1").fadeOut(1000);
    $(".page-2").show("slow");

});

$(".arrow-down").click(function () {
    $(".page-2").fadeOut(1000);
    $(".page-3").show();
    $(".page-2").show();
    $(".page-1").show();


});

 });

此代码将视图恢复到第一个div（“。page-1”）。

Answer 1

问题是当你打开所有页面的高度更改并且滚动条被留下时，为了解决这个问题，你可以强制滚动条滚动到页面底部，并带有以下代码：

$('html, body').scrollTop($(document).height());

显示隐藏的div而不移动页面视图

1 个答案: