加入收藏 | 设为首页 | 会员中心 | 我要投稿 河北网 (https://www.hebeiwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 运营 > 正文

定位层始终保持在当前可见屏

发布时间:2018-09-12 23:28:04 所属栏目:运营 来源:站长网
导读:看到过许多这样的告白,页面双方各放一个方块图片告白,拖动转动条时告白随之动滚,始终逗留在当前屏幕的下方或上方。对付这种漂流告白,我信托许多用户都很是不爽! 看下面两个图的应用。当统一种技能实现的结果被应用在了差异的处所,就发生了明明的体验

  看到过许多这样的告白,页面双方各放一个方块图片告白,拖动转动条时告白随之动滚,始终逗留在当前屏幕的下方或上方。对付这种漂流告白,我信托许多用户都很是不爽!

  看下面两个图的应用。当统一种技能实现的结果被应用在了差异的处所,就发生了明明的体验不同。它们的差异点在于是否应用户需求而计划。

  淘宝产物列表:查察>>>

淘宝产物列表-liehuo.net 

  腾讯财经财富经济:查察>>>

腾讯财经财富经济-liehuo.net

  怎样实现?

  scrollTop是什么?当元素内部的内容高度高出元素自己的高度时就会呈现转动条,跟着拖动转动条而被隐去的上面部门的高度就是scrollTop值。这种定位层就是当页面触发onscroll变乱时,取得scrollTop值并写入定位层CSS属性,使之保持位置。其它,IE6不支持position:fixed,只能用position:absolute非凡处理赏罚,虽然你也可以忽略IE6

  看演示吧>>

  转自:http://www.xij.cn/blog/

(编辑:河北网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读