首页 / JAVASCRIPT / javascript – 全屏删除垂直滚动条？

javascript – 全屏删除垂直滚动条？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 全屏删除垂直滚动条？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2021字，纯文字阅读大概需要3分钟。

内容图文

我想在切换到全屏后删除垂直滚动条.

这是我目前正在使用的脚本：

<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事件处理程序,您应该看到正确的结果！如果这样可行,那将是一种更好,更强大的方法.

内容总结

以上是互联网集市为您收集整理的javascript – 全屏删除垂直滚动条？全部内容，希望文章能够帮你解决javascript – 全屏删除垂直滚动条？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/813917.html

来源：【匿名】