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";//隐藏且禁用横向纵向两个滚动条
document.body.parentNode.style.overflow = “auto";//开启横向纵向两个滚动条
document.body.parentNode.style.overflowX = ”hidden“;//隐藏横向滚动条

document.body.parentNode.style.overflowX = ”auto“;//开启横向滚动条

document.body.parentNode.style.overflowY = ”hidden“;//隐藏纵向滚动条

document.body.parentNode.style.overflowY = ”auto“;//开启纵向滚动条
时间: 2024-10-14 00:14:32

js禁止滚动条移动的相关文章

js禁止滚动条滚动并且隐藏滚动条

禁止鼠标滑过滚动条滚动 document.body.onmousewheel = function () {return false;} 恢复鼠标滑过滚动条滚动 document.body.onmousewheel = function () {return true;} 禁止键盘控制滚动条滚动 document.body.onkeydown = function (e) {   if (e.keyCode == 38 || e.keyCode == 40) {    return false;

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

JS禁止/启用滚动条

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

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

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

前端临时禁止滚动条的解决方案

有一些场景,比如弹窗,比如商品的抛物线效果,为了更好的前端用户体验,要求临时禁止滚动条的滚动. 参考了前辈的一些经验,比如这位:https://yujiangshui.com/review-how-to-make-popup-mask-effect/.现做如下总结. 方案1,最为简单粗暴的方式当然是直接将dom的body挂一个样式即overflow:hide. document.body.style.cssText = 'overflow-y:hidden'; 基本思路:需要禁止时执行上面代码,

笔记-[js兼容]-滚动条的滚动距离的兼容性问题解决方法。

在我们操作JS实现些效果的时候,可能会涉及到滚动条滚动距离的问题; 在IE和非IE下是存在兼容性问题的 在IE下支持:document.body.scrollTop(scrollLeft);//在ie下获取滚动条距离的属性 在非IE下支持:document.documentElement.scrollTop(scrollLeft);//在非ie下获取滚动条距离的属性 代码兼容: var scrollTop;//定义一个变量名为scrollTop为滚动条的距离 滚动高度 :  var scroll

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

禁止滚动条/启用滚动条

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