在写一个在页面中,经验证用户没有登录或session失效时候弹出登录框禁止页面滚动用到
今天搞了一个功能,上下左右居中,模仿QQ空间里的样式,把横向和纵向滚动条禁止掉代码如下:
<script type="text/javascript">
//禁止滚动条
$(document.body).css({
"overflow-x":"hidden",
"overflow-y":"hidden"
});
//启用滚动条
$(document.body).css({
"overflow-x":"auto",
"overflow-y":"auto"
});
</script>
我相信大家对这个代码应该无异议吧,如果有请高手给予指点。测试结果如下:
IE6:禁止滚动条正常,启动滚动条错误,出现双滚动条且滚动条滚动页面无反应。
IE7:禁止滚动条正常,启动滚动条错误,出现双滚动条且滚动条滚动页面无反应。
IE8: 禁止滚动条正常,启动滚动条正常。
IE9: 禁止滚动条正常,启动滚动条正常。
Chrome: 禁止滚动条正常,启动滚动条正常。
FireFox: 禁止滚动条正常,启动滚动条正常。
靠,又是IE6和IE7,微软真的该反省了,所以说做产品得一开始就要负责人。别扯远了,解决方法是当overflow设置hidden以后,直接取消这个style而不要设置overflow,具体代码如下:
//为了简便定义一个样式类
<style type="text/css">
.html-body-overflow
{
overflow-x:hidden;
overflow-y:hidden;
}
</style>
<script type="text/javascript">
//禁止滚动条(默认是没有附加这个样式类的)
$(document.body).toggleClass("html-body-overflow");
//启动滚动条
$(document.body).toggleClass("html-body-overflow");
</script>
当然也可以直接清掉style的内容,不过上面的做法更直观、更简单。
Html body的滚动条禁止与启用
时间: 2024-10-17 04:53:43
Html body的滚动条禁止与启用的相关文章
禁止浏览器滚动条滚动,但滚动条可以显示
最近写一个类似土豆播放器选集数的滚动条,需要的效果是当鼠标位于选择集数的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禁止滚动条移动
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";//隐藏且禁用横向纵向两个滚
如何迅速掌握并提高linux运维技能
之前曾经写过一篇如何学习Linux的文章,得到了很多反馈,大家都在分享自己的学习经验和体会,并且也提出了不少意见和建议.学习这个事情其实是说起来容易,做起来就很难,虽然给大家提高了很多学习linux的思路和方法,但是很多时候,学习的过程是个锻炼和总结的过程,需要自己去体会和领悟,而这个领悟跟钻研的深度有关,所以,对linux技术点钻研较深的朋友,可能收获的知识就多一些,提高也就快一些,而相反,不太喜欢钻研的朋友们,技能提高就稍微慢一点,因此,我们说虽然有了统一的学习方法,但是由于每个人的领悟力不
表的重新再同步(需时间窗口)
如果是某些表由于各种原因造成两边数据不一致,需要重新进行同步,可以参照以下步骤. 1)确认需要修改的表无数据变化 (如果有条件建议停止应用系统并锁定除去sys和goldengate以外的其它所有用户防止升级期间数据变化, 或者锁定所要再同步的表): 2)重启dpe进程(为了能够对统计信息清零): 3)停止目标端的rep进程: 4)在源端使用exp导出该表或者几张表数据.例如: exp goldengate/XXXX file=nanhai.dmp tables=ctais2.SB_ZSXX gr
GoldenGate 应用系统升级
(仅复制DML时)源端和目标端数据库增减复制表 增加复制表 在GoldenGate的进程参数中,如果通过*来匹配所有表,因此只要符合*所匹配的条件,那么只要在源端建立了表之后GoldenGate就能自动复制,无需修改配置文件,但是需要为新增的表添加附加日志. 步骤如下: GGSCI 〉dblogin userid goldengate, password XXXXXXX GGSCI > info trandata <schema>.<table name> 如果不是enabl
表的重新再同步(无需时间窗口)
如果是某些表由于各种原因造成两边数据不一致,需要重新进行同步,但实际业务始终24小时可用,不能提供时间窗口, 则可以参照以下步骤.(因较为复杂,使用需谨慎!) 1)确认ext/dpe/rep进程均无较大延迟,否则等待追平再执行操作: 2)停止目标端的rep进程: 注意:步骤3-5为将源端数据通过exp/imp导入到目标端,客户也可以选择其它初始化方式,比如expdp/impdp. 3)在源端获得当前的scn号.例如: select to_char(current_scn) from v$data
详解css-loader配置
作用 css-loader用于将css文件打包到js中, 常常配合style-loader一起使用,将css文件打包并插入到页面中.如下: { test: /\.css$/, use: [ { loader: 'style-loader' }, { loader: 'css-loader', options: { root: '/', //修改css中url指向的根目录, 默认值为/, 对于绝对路径, css-loader默认是不会对它进行处理的 modules: false, //开启css-
Ubuntu防火墙常用命令
Ubuntu默认防火墙安装.启用.配置.端口.查看状态相关信息 最简单的一个操作: sudo ufw status(如果你是root,则去掉sudo,ufw status)可检查防火墙的状态,我的返回的是:inactive(默认为不活动).sudo ufw version防火墙版本:ufw 0.29-4ubuntu1Copyright 2008-2009 Canonical Ltd.ubuntu 系统默认已安装ufw. 1.安装 sudo apt-get install ufw 2.启用 sud
嵌入式编程相关专业英语积累
ARM芯片手册相关英语 overview 概述 DAT data(数据) CON control(控制) parity 奇偶校验 odd parity 奇校验 even parity 偶校验 trigger 触发 infrared 红外线 poll 查询 generated