我有两个网页,由一个可滚动的 div 作为主包装和一个样式如下的图像背景组成
body
{
background: url("../Images/background.jpg") center bottom no-repeat;
z-index:-5;
background-size:cover;
}
当我放大或缩小时,可滚动的 div 会改变大小,而背景不会。这正是我想要发生的事情。
但是,如果我放大一个页面然后单击浏览器的后退按钮,则前一页的背景会缩小。如果我刷新页面,背景会被修复,所有内容都会再次正确显示。如果我缩放然后单击指向上一页的链接而不是在浏览器窗口中单击返回,则该页面会正确显示。我试过使用隐藏字段
<input type="hidden" id="refresh" value="no"/>
使用以下脚本
<script type="text/javascript">
$(window).load(function (e) {
var $input = $('#refresh');
$input.val() == 'yes' ? location.reload(true) : $input.val('yes');
});
</script>
在初始加载后重新加载页面一次,希望背景会调整大小,但事实并非如此。只需单击浏览器刷新按钮即可修复它。有关如何处理此问题的任何建议都将非常有帮助。
最佳答案
使用 $(window).resize()
比 $(window).load()` 更好,如果问题是缩放或调整大小,这可能会有所帮助
关于javascript - 缩放网页然后单击后退按钮会更改上一页的背景大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39601971/