在很多网站上面我们可以看到浏览器的两边都有广告,这些广告无论我们怎么滚动浏览器的滚动条它都出现在浏览器窗口的固定位置,也就是跟着滚动条一起滚动。对于这种效果只需要在div的样式中设置position为fixed即可。但是这个fixed只对当前比较新的浏览器才支持,对于一些老版本的浏览器这种方法是行不通的。因为老版本浏览器压根不认识fixed,比如说IE6,IE6在国内可是还占着相当大的比重,不能忽视。所以可以用以下的方法解决:
.focus {
Z-INDEX: 300; POSITION: fixed; WIDTH: 255px; BOTTOM: 0px; PADDING-RIGHT: 8px; FLOAT: right; OVERFLOW: hidden; RIGHT: 0px;
}
* HTML .focus {
POSITION: absolute; ; TOP: expression(offsetParent.scrollTop+document.documentElement.clientHeight-this.offsetHeight)
}
在第一个样式中,bottom和right都设为0,表示把div固定在浏览器的右下方。重要在第二个样式,这样就可以兼容所有的浏览器了。
http://www.buyonstore.com
分享到:
相关推荐
当浮动层div与浏览器窗口上边缘接触的一瞬间,其页面垂直偏移值与页面的滚动高度是一致的,所以我们就用这个进行判断。那如何获得页面上元素距离页面的垂直距离呢? 这里则是使用javaScript库实现。
很高兴,我们在阅读了相关的注释后,我们大概能看到fixed是比较符合我们的需求的: fixed: 位置被设置为 fixed 的元素,可定位于相对于浏览器窗口的指定坐标。此元素的位置可通过 "left"、"top"、"right" 以及...
由于视图本身是固定的,它不会随浏览器窗口的滚动条滚动而变化,除非你在屏幕中移动浏览器窗口的屏幕位置,或改变浏览器窗口的显示大小,因此固定定位的元素会始终位于浏览器窗口内视图的某个位置,不会受文档流动...
定位:定义元素框相对于其正常位置应该出现的位置,或者相对于父元素、另一个元素甚至浏览器窗口本身的位置 流定位 浮动定位 相对定位 绝对定位 固定定位 粘性定位 流定位 页面中的块级元素框从上到下一个接一个地...
显示相对于“拥有”元素具有固定位置(弹出窗口)的 DOM 元素。 这是一个巧妙的解决方法,用于在 CSS 中堆叠上下文限制(z-index、overflow:hidden 等) 这是一个 CommonJS 模块,你需要使用 。 用法 每个Popup...
固定中心 一个简单的 jQuery 插件,将元素直接定位... 即使您调整浏览器窗口的大小,该元素也将始终保持居中。 例子 $ ( '#div1' ) . fixedCenter ( { close : function ( ) { $ ( this ) . remove ( ) ; } } ) ;
fixed固定定位,参照位置是浏览器窗口的左上角,即坐标点为(0px, 0px) absolute绝对定位,参展位置是离当前元素最近的定位方式为fixed,absolute,relative的祖先原则的左上角,举个例子 复制代码代码如下:<div xss=...
所谓 “Sticky Footer”,并不是什么新的前端概念和技术,它指的就是一种网页效果:如果页面内容不足够长时,页脚固定在浏览器窗口的底部;如果内容足够长时,页脚固定在页面的最底部。但如果网页内容不够长,置底的...
通过这种方法,可以将具有固定布局的窗口嵌入到您的应用程序中。 一个示例是此程序中使用的文件打开和文件保存窗口。 为此的源文件是dialoghtml.src。 该应用程序是使用HTML,CSS和JavaScript构建的。 由于标准...
一开始的需求只是表头部分在滚动时能一直固定在头部,那关键要实现的就是让tr能定位。 首先想到的方法是给tr设置relative,用ie6/7测试以下代码: Code <!DOCTYPE ...
安卓上用于加载的Webview视图窗口只是作为类浏览器而存在,在安卓上更是只能同时运行一个Webview。(2)跨域数据交互问题。不同的Webview之间无法共享数据。(3)页面自适应问题。页面难以兼容适应不同分辨率的设备...
这确实是一个不错的功能,特别是现在我们已经习惯用DIV 来对页面定位,DIV 之间的对齐不像 表 格那样容易控制,有时为了调整几个象素的偏差,不得不对着屏幕盯很久。有这样一个放大镜就方便多了。使用时只需点击...
效果图:当浏览器滚动的时候,要浮层要移除浏览器界面视区的时候,修改其position属性,让其浮动在窗口的上沿显示就可以了,position:fixed,可以在IE7+和其他浏览器下浮动层平滑固定定位,由于IE6前辈不支持fixed...
1.12 强制在弹出窗口中打开链接 1.13 平滑滚动页面到某个锚点 1.14 阻止文本行换行 1.15 实现iframe高度自适应 1.16 实现左右div自适应相同高度 1.17 获取鼠标在屏幕中的坐标 1.18 获取鼠标在窗口客户区中的坐标 ...
3.在浏览器中输入下述地址:http://localhost/1.2.htm • 1.1.htm 多段代码相互调用 • 1.2.htm <script>与 • 1.3.htm 调用外部JavaScript文件 • 1.3.js 1.3.htm使用的外部JavaScript...
6.9 小提示窗口 6.10 图像地图 6.11 垂直居中 6.12 折叠标签 6.13 CSS数据图表 6.13.1 初级样式(进度条) 6.13.2 复合样式(滑动条) 6.13.3 柱状图 6.14 切换样式表(网站换肤) 6.15 XHTML与CSS校验 6.15.1 XHTML校验器...
实例026 Dreamweaver控制浏览器的窗口 46 实例027 通过Dreamweaver创建站点 47 实例028 通过Dreamweaver开发第1个PHP程序 48 1.7 Zend Studio开发工具 50 实例029 安装Zend Studio 50 实例030 Zend Studio创建PHP...
实例026 Dreamweaver控制浏览器的窗口 46 实例027 通过Dreamweaver创建站点 47 实例028 通过Dreamweaver开发第1个PHP程序 48 1.7 Zend Studio开发工具 50 实例029 安装Zend Studio 50 实例030 Zend Studio创建PHP...