0

我正在设计一个有一个按钮的 HTML 页面。用户单击该按钮，一个简单的 jQuery 脚本会为该 div 设置动画，从而显示较低的页面内容。你可以在这里看到它。

我注意到它第一次看起来/工作正常，但如果我用浏览器按钮刷新页面，它不会完全重置。初始容器仅占页面的一半。如果我再次输入 URL 并加载页面，它会按预期重置。 注意：只有在单击初始按钮后向下滚动一点时才会发生这种情况......这看起来很奇怪。

我不知道这两个操作之间有什么区别，但显然有。有什么区别，我该如何解决这个问题？

这是我的 jQuery 代码，以防相关：

    $(document).ready(function(){

    var faqs = $("#FAQ");
    $("#learnmore").click(
        function(){
            $("#home").animate({top:'-=1066px'},600);
            $("#more").animate({top:'-=1066px'}, 600, function() {$("#background").hide();} );
            $("body").css('overflow-y', 'scroll');

            //$("#home").slideUp();
            console.log("jquery loaded");
            }
        );

});
4

2 回答 2

2

发生这种情况是因为它被浏览器缓存了。

如果您的样式经常被修改，那么简单的解决方法就是在引用的末尾附加一个唯一的 id，比如

<link href="style.css?time=168768234928" ..../>

它的作用是让浏览器在每次加载时都认为这是一个新请求。

于 2012-04-20T22:46:02.360 回答
0

发生这种情况是因为浏览器试图滚动到相同的位置，即页面重新加载之前的位置。要检查它，请尝试按下按钮，不要滚动到页面底部，然后重新加载页面。好吧，原因很清楚。

现在我们需要解决方案。尝试这个：

#more {display:none}

在你的 CSS 中。然后使用

$("#more").show().animate(...

在你的$("#learnmore").click()功能中。我希望这能解决问题。

于 2012-04-20T22:57:20.667 回答