/** * 协议 * @param {} obj */ function zcqyd_xieyiDiv(obj){ $("#xieyiMengBan").appendTo("html"); $("#xieyicontent").appendTo("html"); var htmlH = $("html").height();//获取html的高度 var htmlW=$("html").width();//获取html的宽度 var windowH=$(window).height();//获取当前窗口的高度 var windowW=$(window).width();//获取当前窗口的宽度 var sH=$(window).scrollTop();//滚动条距离顶部的距离 var xieyiW=$("#xieyicontent").width();//协议div的宽度 var xieyiH=$("#xieyicontent").height();//协议div的高度 var vTop=(windowH-xieyiH)/2+sH;//获取position的top var vLeft=(windowW-$("#xieyicontent").width())/2;//获取position的left $(window).resize(function(){ //当窗口变化时候重新获取高度和宽度 windowH=$(window).height(); windowW=$(window).width(); vTop=(windowH-xieyiH)/2+sH; }); $(window).scroll(function(){ sH=$(window).scrollTop(); vTop=(windowH-xieyiH)/2+sH; $("#xieyicontent").css({position:"absolute",height:"450px", width:"800px",top:vTop,bottom:vTop,left:vLeft,right:vLeft,zIndex:1001}); }); $("#xieyicontent").css({position:"absolute",height:"450px",width:"800px", top:vTop,bottom:vTop,left:vLeft,right:vLeft,zIndex:1001}).show(); $("#xieyiMengBan").css({height:htmlH,width:htmlW}).show(); $("#zcqyd_xieyiP").scrollTop(0);//滚动条回到顶部 }
其中里面的ui-widget-overlay是jqueryui的class.
<div class='ui-widget-overlay' id="xieyiMengBan" style="display:none;"></div> <div id="xieyicontent" style="display:none;background:#FFFFFF;width:800px;"></div>
相关推荐
vue自定义浏览器滚动条(已兼容ie)
sly jquery定制div滚动条Scrollbar 兼容IE6 FireFox Safari
/*FireFox(火狐)不支持cursor:hand*/ dw8下面自动出来的也没有hand这个属性了,标准的是pointer 问题二:FireFox(火狐)不支持滤镜 最常见的半透明不支持。 filter: Alpha(Opacity=50); /* for IE */ opacity: ...
基于DIV的JS滚动条控制文字滚动特效,拖动滚动条,文字区域可上下滚动,滚动条也是自定义的,不是默认风格的滚动条,本滚动条不但兼容IE浏览器,还可正常运行于火狐和Chrome等浏览器中。
IE与火狐浏览器兼容相关问题集锦,做网站的朋友可以参考下。
这又是一个浏览器兼容问题,解决IE火狐Operal多浏览器 获取当前Div所在的滚动条高度。
经测试mozila firefox和ie6.0通过。
兼容 Firefox 4+、Chrome 5+、Safari 4+ (win/mac)、Opera 10+、IE 6+(所有 A 级浏览器)。 与 iOS 设备兼容,如 iPad、Android、黑莓、Windows Phone 以及许多移动和触摸设备。 用法 使用 Meteor 0.9.0 及更高...
组件被包在一个高度固定的div mounted () { var boDiv = document.getElementById(this.id); if(boDiv == undefined){ return; } var isFirefox=navigator.userAgent.indexOf("Firefox") if(isFirefox>0){ ...
WEB设计里什么是树?简单讲,点击一个链接,会展开下级目录,再点击会合上,这个就是最简单的树,如何去实现呢,也很简单,css里有一个属性display,这个可以控制内容的现实还是不显示,那么再... <div>顶级目录</div>
结果IE6下,背景不固定了,只看到背景图片随着滚动条上下移动而移动。演示页面 要解决这个问题呢,也是有办法的,就是将fixed属性转移到html标签上就可以了。即: html{background:white url(../image/404.png) no-...
用css实现div固定在屏幕底部,不随垂直滚动条接动而闪动,很好的实现在ie下的浮动效果,IE6 position:fixed
20. 为什么web标准中IE无法设置滚动条颜色了 3 21. 为什么无法定义1px左右高度的容器 3 22. 链接(a标签)的边框与背景 3 23. 超链接访问过后hover样式就不出现的问题 3 24. FORM标签 3 25. 属性选择器(这个不能...
样式化滚动为溢出的元素提供了一个垂直叠加的滚动条,非常适合为所有浏览器创建一个时尚的滚动条,或者只是减少滚动条所占用的空间。 与其他滚动库不同,它不会覆盖默认滚动行为-它仅隐藏默认滚动条并放置其自己的...
主要介绍了vue中改变滚动条样式的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
Firefox奇怪的文字溢出bug,带滚动条的div容器里面的文字竟然溢出到容器之外,百思不得其解