禁止滚动条/启用滚动条

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

时间: 2024-10-12 16:58:48

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

Html body的滚动条禁止与启用

在写一个在页面中,经验证用户没有登录或session失效时候弹出登录框禁止页面滚动用到今天搞了一个功能,上下左右居中,模仿QQ空间里的样式,把横向和纵向滚动条禁止掉代码如下:<script type="text/javascript"> //禁止滚动条 $(document.body).css({   "overflow-x":"hidden",   "overflow-y":"hidden" 

JS禁止/启用滚动条

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

Javascript禁止父元素滚动条滚动, pc、移动端均有效

在网页中经常会遇到这样的场景, 网页比较长有滚动条, 然后网页内的某个内容块里面的内容也比较长, 也具有滚动条.当鼠标移到内容块中使用滚动条来滚动查看内容到达底部或头部的时候,父元素的滚动条也就开始滚动了, 非常影响体验, 特别是选择东西的时候.我们需要在滚动的时候不允许父元素也跟着滚动.有一种非常简单, 但是适应能力不强的方法就是, 给鼠标一上去的时候, 给BODY加一个css 属性overflow:hidden !important; 这个方法在部分浏览器中没有效果, 而且这个方法有个副作用

CSS 禁止底部出现滚动条

1.完全隐藏在<boby>里加入scroll="no",可隐藏滚动条: <boby scroll="no"> 2.在不需要时隐藏指当浏览器窗口宽度或高度大于页面的宽或高时,不显示滚动条:反之,则显示: <boby scroll="auto"> 3.样式表方法 在<boby>里加入style="overflow-x:hidden",可隐藏水平滚动条:加入style="ov

jq禁止与启动滚动条

旧demo $(".buy_btn").click(function(){ $(".pop").fadeIn(300); disable_scroll(); }); $("input[name='cancel']").click(function(){ $(".pop").fadeOut(300); enable_scroll(); }); var keys = [37, 38, 39, 40]; function preve

js判断用户是否正在滚动滚动条,滚动条滚动是否停止

js智能判断是否可以自动滚动 比如,做一个音乐播放器,边播放,边定位歌词,播放的时候,需要自动定位到播放语句,但是用户去拖动或者滚动div(歌词面板)时,这时就必须停止自动滚动,或者说是不能自动滚动,这个怎么做呢? 如果能时时判断 用户是否在滚动就好了? 或者能够 知道滚动开始 和 结束事件 也行? 可惜均不知道! 目前,仅可以利用的就是div元素的滚动事件,下面是我的实现思路,如何判断用户是否滚动停止? 1.html代码 <div id="panel"> <div

C#判断ListBox是否显示了水平滚动条/横向滚动条

参看: Windows消息定义网址:http://wenku.baidu.com/link?url=9fesYjbLSDx9_TsLgSZSVoR7ELal-60x2p-lua_iPR44Xfekz0N5p2MxoAbJHzrXWH_FgDeyKSczHDHfa-QDKPGsQy3BnE2wootlnPeXFtu 还有 http://bbs.csdn.net/topics/80015678 private static class NativeMethods { public const int

滚动条的启用与禁止

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

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;