随着窗口大小的更改,重新加载浏览器
Reloading the browser as window size changes
站点im构建中的一些元素会考虑客户端的大小。如果用户决定重新调整窗口的大小,则某些元素看起来会一团糟。因此,我试图建立一个函数,不断检查是否有任何尺寸变化。
这就是我迄今为止制作的
<script>
var initial_width = document.body.offsetWidth,
initial_height = document.body.offsetHeight,
timer = window.setInterval(function () {checksize()}, 10);
function checksize () {
var current_width = document.body.offsetWidth,
current_height = document.body.offsetHeight;
if((initial_width != current_width) || (initial_height != current_height)){
location.reload();
}
else{
document.getElementById("test").innerHTML = "no change";
}
}
</script>
它有时确实有效,但如果窗口的大小超过某个点,它就会保持令人耳目一新的
关于如何修复/改进此代码,有什么建议吗?还是我应该采取不同的方法?
干杯。
将您希望重新绑定的任何代码包装在中
//declare global variable
var windowWidth = "";
$(window).resize(function() {
windowWidth = $(window).width();
if (windowWidth < 768) {
//change element size
} else if (windowWidth >= 768 || windowWidth < 1000) {
//change element size again
} else {
//change element size again
}
});
相关文章:
- 创建新数据和加载现有数据需要单独的视图吗
- 钛 - HTTPClient:打开新的控制器加载
- 保持 JavaScript 在浏览器控制台中运行,即使在新的页面加载之后也是如此
- 路由到新页面时加载不起作用
- 如何在新窗口完成加载后执行某些内容
- 使用新标题重新加载 html 页面
- Primefaces在打开新页面时加载数据消息
- Wordpress音频播放器和平滑状态.在新页面重新加载播放器时调用什么回调函数
- 用新数据重新加载renderer3d
- 文本不被渲染后,新的页面加载- JQuery移动
- 需要在新标签中加载pdf/doc文件,而不是下载,只是想在浏览器中阅读
- 用新参数重新加载页面
- Js和CSS不检测新页面何时加载
- 在新页面上加载一个flash视频,它在上一页上的位置
- 在新窗口中加载代码编写器视图
- 在控制台中使用新脚本重新加载页面
- 如何在加载新页面后加载AJAX数据
- 如何使用jQuery在新窗口中加载页面,然后关闭它们
- Jquery没有看到新的HTML加载到对话框中
- 无法用新值重新加载JGrid