我想在切换到全屏后删除垂直滚动条.
这是我目前正在使用的脚本:
<script type="text/javascript">
if((window.fullScreen) || (window.innerWidth == screen.width && window.innerHeight == screen.height)) {
$("html").css("overflow", "hidden");
} else {
$("html").css("overflow", "auto");
}
</script>
我试过这样没有任何成功:
<script type="text/javascript">
if(window.fullScreen) {
$("html").css("overflow", "hidden");
} else {
$("html").css("overflow", "auto");
}
</script>
坦克你一如既往.
编辑:
< script type =“text / javascript”src =“jquery.js”>< / script>正在加载和其他jquery脚本正常工作.
编辑:
我测试过:
$(document).ready(function() {
$("body").css("overflow", "hidden");
});
它的工作原理!
因此我认为由于某种原因,JavaScript条件代码无效!
if((window.fullScreen)||(window.innerWidth == screen.width&& window.innerHeight == screen.height))…
编辑:
找到解决方案
<script type="text/javascript">
var control = 0;
function scrollbar(){
if(event.keyCode == 122 && control == 0){
//remove scrollbar
$("body").css("overflow", "hidden");
control = 1;
}
else{
//add scrollbar
$("body").css("overflow", "auto");
control = 0;
}
}
</script>
如果你想使用这个,不要忘记将功能附加到身体,例如:
<body onkeydown="scrollbar();">
更新:
除了firefox之外,还有chrome,opera,即safari的工作!可以做些什么来修复firefox?
解决方法:
看起来javascript仅在文档加载时运行一次,之后不再重新评估.如果这是唯一的问题,如果您是全屏,则应该看到正确的行为,然后加载页面.要解决此问题,您必须从代码中创建一个函数,并在每次调整窗口大小时调用它.使用jQuery,您可以使用匿名函数执行此操作:
<script type="text/javascript">
$(window).resize(function() {
if((window.fullScreen) || (window.innerWidth == screen.width && window.innerHeight == screen.height)) {
$("html").css("overflow", "hidden");
} else {
$("html").css("overflow", "auto");
}
});
$(document).ready(function(){
$(window).resize();
// trigger the function when the page loads
// if you have another $(document).ready(), simply add this line to it
});
</script>
这将函数绑定到resize事件处理程序,您应该看到正确的结果!如果这样可行,那将是一种更好,更强大的方法.
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。