JS禁止/启用滚动条

            //禁止滚动条
            $(document.body).css({
                "overflow-x": "hidden",
                "overflow-y": "hidden"
            });

            //启用滚动条
            $(document.body).css({
                "overflow-x": "auto",
                "overflow-y": "auto"
            });
时间： 2024-12-24 22:15:46

JS禁止/启用滚动条的相关文章

js 禁止|阻止滚动条滚动

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Ty

禁止滚动条/启用滚动条

<script type="text/javascript"> //禁止滚动条 $(document.body).css({   "overflow-x":"hidden",   "overflow-y":"hidden" });  //启用滚动条 $(document.body).css({   "overflow-x":"auto",   "

js禁止滚动条移动

var scrollFunc=function(e){ e=e||window.event; if (e&&e.preventDefault){ e.preventDefault(); e.stopPropagation(); }else{ e.returnvalue=false; //return false; } } js通过隐藏滚动条禁止其移动 document.body.parentNode.style.overflow = “hidden";//隐藏且禁用横向纵向两个滚

js禁止微信浏览器下拉显示黑底查看网址，不影响内部Scroll

开发项目跑在微信浏览器经常会遇到一个问题,微信浏览器下拉的时候会出现自带的黑色底色(显示网址)如下图: 网上好多js禁止操作的做法禁止了内部Scroll,导致页面不能滚动,上拉加载失效,例如这种做法: $('body').on('touchmove', function (event) {event.preventDefault();}); or document.addEventListener('touchmove', function(e){e.preventDefault()}, fal

js禁止浏览器页面后退功能

js禁止浏览器页面后退功能: <script> $(function(){ if(window.location.href.indexOf("/login") > -1) { //防止页面后退 history.pushState(null, null, document.URL); window.addEventListener('popstate', function () { history.pushState(null, null, document.URL);

js禁止鼠标右键和禁止ctrl+c复制

<script type="text/javascript"> //禁止ctrl复制 document.onkeydown=function(){ if((event.ctrlKey) && (window.event.keycode==67)){ event.returnValue=false; alert("Ctrl+C被禁止啦!"); } } document.onmousedown=function(){ if(event.but

禁止浏览器滚动条滚动，但滚动条可以显示

最近写一个类似土豆播放器选集数的滚动条,需要的效果是当鼠标位于选择集数的div中时只能滚动该div的滚动条,但是浏览器滚动条禁止滚动~ 网站找了很多方法都是直接隐藏滚动条,最终找到下面方法 代码: var keys = [37, 38, 39, 40]; function preventDefault(e) { e = e || window.event; if (e.preventDefault) e.preventDefault(); e.returnValue = false; } fun

JS性能之滚动条之外的其他部分

问题: 如果一个页面宽高比较大,也就是页面需要滚动条来查看其他页面内容,这时候,在滚动条之外的其他部分,是依然处于运行状态. 比如那部分有视频播放,则那些视频虽然在当前窗口看不到,但它们还是会处于播放状态,也就是说在不停的消耗页面的资源! 解决方法: # 如果对于当页面没有滚动条,也就是一个页面可以完全显示所有内容的情况下,就没有必要去解决该问题了. 1 自己写个函数,专门用于监听页面的所有内容,如果某模块处于滚动条之外,则对该模块进行隐藏操作--display:none; JS性能之滚动条之外

LM-diyScroll.js PC自定义滚动条组件

LM-diyScroll.js PC自定义滚动条组件,零依赖! github地址:http://dtdxrk.github.io/LM-diyScroll/ CDN http://dtdxrk.github.io/LM-diyScroll/LM-diyScroll-min.js Demo 实例演示 USE 生成一个有滚动条的实例 var box = new LM_diyScroll({ id:'box', viewHeight:300 }); 显示滚动条 box.barShow(); 隐藏滚动条