详情页JS特效:往下滚动时,侧边新闻随着固定显示
来源:互联网 发布:u8用友软件 编辑:程序博客网 时间:2024/06/08 08:22
用于新闻详情页,新闻页面特别长时,左侧会显的特别空。此特效是 向下滚动时候,左侧的新闻固定在屏幕上显示。
找到id=box_div222的元素 ,在滚动到距离浏览器顶部883高度时,给当前元素加一个class=box_div222
<script>var myScrollTop=document.body || document.documentElement;window.onscroll=function(){if(myScrollTop.scrollTop > 833){$("#box_div222").addClass("box_div222");}else{$("#box_div222").removeClass("box_div222");}}</script><style>.box_div222{ position:fixed;top:0px;width:373px;}</style>
0 0
- 详情页JS特效:往下滚动时,侧边新闻随着固定显示
- 新闻列表 滚动特效
- 【js特效】单行多条新闻滚动效果
- js 滚动条往下滚动时自动切换菜单栏按钮
- jquery+css实现滚动固定侧边栏
- JS特效--新闻公告
- js - 新闻滚动框
- js滚动新闻实例
- js滚动图片新闻
- js滚动新闻
- js新闻滚动公告
- JS固定侧边栏教程总结
- 固定滚动JS源码
- 【JS特效】全屏滚动
- js滚动条特效
- 新闻客户端07 - 新闻详情页
- 流畅的向上滚动新闻代码特效
- 流畅的向上滚动新闻代码特效
- 线性表(上)
- 自定义View之绘图篇(四):baseLine和FontMetrics
- Swift --下一响应者
- 算法时间复杂度的符号
- Java核心技术(六) —— 接口
- 详情页JS特效:往下滚动时,侧边新闻随着固定显示
- eclipse提速03 - 禁用动画
- C++分割字符串和trim
- Unreal Engine 4 —— Pixel Depth Offset的使用心得
- 蓝桥杯历届-奇怪的数列
- js/jsp操作cookie的方法
- CentOS 6.3下Samba服务器的安装与配置
- java 集合框架-TreeSet练习
- JS逻辑运算符&&与||的妙用