相关关键词
关于我们
最新文章
- ThinkPHP 5.1、6.0、6.1 与 8.0 版本对比分析
- 涉嫌侵权的人只复制了版权软件,没有传播给其他人,是否符合复制侵权的判定?
- 网站域名备案到企业名下后,即表明是商业使用了吗?
- 软件中使用了GPL & MIT 协议的文件 和 使用了 GPL | MIT 的有什么区别?
- 网站版权纠纷中的来源非法是否有严格的司法定义?
- [确定有效] ECSHOP后台登录不了的问题解决 https打不开
- 免费搜索代码:如何利用百度做一个企业网站内搜索?
- MySQL 中 HAVING 与 REPLACE 的用法解析
- 深入理解 MySQL 的连接操作:-h、-P、-u、-p 详解
- 在 MySQL Workbench 中自定义导出文件格式的解决方案
建立拖动控制条不动的浮动DIV,类似京东淘宝产品详情描述
首先,在网页里设置DIV的ID和样式
重要的有2个地方,1、设置ID值,2、设置
例如:<div id=”left_mu” style=”top: 81px; position: fixed;”>
其中设置position: fixed;是让之拖动页面的时候其位置固定不变,top值是相对页面顶部的距离,此处根据需要设置。
页面需要的JS支持
<script type=”text/javascript”>
var obj11 = document.getElementById(“left_mu”); //此处的跟上面DIV的ID值对应
var top11 = getTop(obj11);
var isIE6 = /msie 6/i.test(navigator.userAgent);
window.onscroll = function(){
var bodyScrollTop = document.documentElement.scrollTop || document.body.scrollTop;
if (bodyScrollTop > top11){
obj11.style.position = (isIE6) ? “absolute” : “fixed”;
obj11.style.top = (isIE6) ? bodyScrollTop + “px” : “81px”; //此处跟上面DIV设置的距离页面底部浮动距离一致,作用是当页面未到达81PX的时候position: fixed无效,当超过81PX的时候生效
} else {
obj11.style.position = “static”;
}
}
</script>