-
- _OuYanG 2020-02-05
JQ的方法
-
截图0赞 · 0采集
-
- iFlowers 2019-01-15
避免浏览器bug
-
截图0赞 · 0采集
-
- 哈尔波儿 2018-08-07
1、固定右侧边栏实现关键点：
① CSS position fixed属性
② 监听window上的滚动事件
③ 右侧边栏设置fixed条件判断：滚动高度 + 屏幕高度 > 右侧边栏高度
2、使用jQuery为我们部署在服务器上的地址： <script src="https://code.jquery.com/jquery.js"></script>
3、① 多次用到的对象最好事先定义在一个变量里：var jWindow = $(window);//获取window对象
② jWindow.scroll(function(){ }//给window对象绑定滚动事件
③ var scrollHeight=jWindow.scrollTop();//窗口滚动的高度
④ var screenHeight=jWindow.height();//屏幕可视区域的高度
⑤ var sideHeight=$('#side').height();//右侧边栏的高度
4、部分关键代码： if(scrollHeight+screenHeight>sideHeight){ $('#side').css({ 'top':-(sideHeight-screenHeight),//如果设成'top':0,就会跳到右侧边栏的最顶端 'right':0 }); }else{ $('#side').css({ 'position':'static';//position的默认取值是static }); }
部分关键代码： window.onload=function (){ jWindow.trigger('scroll');//触发window滚动的事件 }; jWindow.resize(function (){ jWindow.trigger('scroll'); });
- 1赞 · 3采集
-
- riyyao 2017-08-01
- var windowHeight = $(window).scrollTop() + $(window).height(); //窗口滚动高度+屏幕可视高度
- 0赞 · 0采集
-
- riyyao 2017-08-01
- 固定边栏滚动特性
-
截图0赞 · 1采集
-
- 慕侠0422420 2017-07-27
- 固定边栏滚动特性
-
截图0赞 · 0采集
-
- learning2 2017-03-05
- 固定边栏滚动
-
截图0赞 · 1采集
-
- learning2 2017-03-05
- 实现关键点
-
截图0赞 · 2采集
-
- 慕无忌3012696 2017-02-25
- 右侧边栏不跟着左侧边栏滚动 实现技术：
- 0赞 · 0采集
-
- 红书包 2016-12-29
- 设置fixed条件判断 滚动高度+屏幕高度>边栏高度
-
截图0赞 · 0采集
-
- 橘子_0015 2016-11-29
- mark
- 0赞 · 0采集
-
- 幻恋殇 2016-11-21
- 进入页面就触发scroll事件 还原position的属性是"static"
-
截图0赞 · 1采集
-
- 幻恋殇 2016-11-21
- 绑定window对象，取得滚动高度和屏幕可见高度
-
截图0赞 · 0采集
-
- 幻恋殇 2016-11-21
- 实现关键点
-
截图0赞 · 0采集
-
- 慕运维4918896 2016-10-27
- Triggle
- 0赞 · 0采集
-
- 慕运维4918896 2016-10-27
- 屏幕的可视高度，滚动高度
- 0赞 · 0采集
-
- P妞酱酱 2016-10-24
- dffg
-
截图0赞 · 0采集
-
- P妞酱酱 2016-10-24
- sssssssssss
-
截图0赞 · 0采集
-
- P妞酱酱 2016-10-24
- xxxxxxxxxxxx
-
截图0赞 · 0采集
-
- 快乐鸟日子 2016-10-21
- 关键点
-
截图0赞 · 0采集
-
- qweqwe13123123 2016-09-22
- 3.添加页面加载 跟页面窗口调整 是调用 trigger 出发 scroll页面滚动事件
-
截图0赞 · 0采集
-
- qweqwe13123123 2016-09-22
- 2.用jq实现的代码。
-
截图0赞 · 0采集
-
- qweqwe13123123 2016-09-22
- 1.实现步骤
-
截图0赞 · 0采集
-
- 霜花似雪 2016-07-13
- JavaScript代码实现
-
截图0赞 · 0采集
-
- 霜花似雪 2016-07-13
- 多次用到的对象最好事先定义在一个变量里：var jWindow = $(window); 首先获取窗口滚动高度、屏幕可视区域的高度、以及右边栏的高度。 jWindow.scrollTop();jWindow.height();('#side').height(); 然后在条件满足时设置右边栏的position fixed属性以及相应的top right值。 * top为负值 = -(有边栏高度-屏幕可见区域高度) 1、css:position:fixed; 2、监听window上的滚动事件； 3、设置fixed条件判断 滚动高度+屏幕高度>边栏高度;
-
截图0赞 · 2采集
-
- 霜花似雪 2016-07-13
- 1、固定右侧边栏实现关键点：① CSS position fixed属性② 监听window上的滚动事件③ 右侧边栏设置fixed条件判断：滚动高度 + 屏幕高度 > 右侧边栏高度 2、使用jQuery为我们部署在服务器上的地址： <script src="https://code.jquery.com/jquery.js"></script> 3、① 多次用到的对象最好事先定义在一个变量里：var jWindow = $(window);//获取window对象 ② jWindow.scroll(function(){ }//给window对象绑定滚动事件 ③ var scrollHeight=jWindow.scrollTop();//窗口滚动的高度 ④ var screenHeight=jWindow.height();//屏幕可视区域的高度 ⑤ var sideHeight=$('#side').height();//右侧边栏的高度 4、部分关键代码： if(scrollHeight+screenHeight>sideHeight){ $('#side').css({ 'top':-(sideHeight-screenHeight),//如果设成'top':0,就会跳到右侧边栏的最顶端 'right':0 }); }else{ $('#side').css({ 'position':'static';//position的默认取值是static }); } 部分关键代码： window.onload=function (){ jWindow.trigger('scroll');//触发window滚动的事件 }; jWindow.resize(function (){ jWindow.trigger('scroll'); });
- 0赞 · 0采集
-
- 沉风chen 2016-07-03
- 滚动高度+屏幕高度>右侧边栏高度
-
截图0赞 · 0采集
-
- 黑白K 2016-06-26
- 不跟随滚动具体代码
-
截图0赞 · 0采集
-
- 墮落雙魚 2016-06-18
- 计算高度
-
截图0赞 · 0采集
-
- qq_米老头_0 2016-04-04
- 实现关键点
-
截图0赞 · 0采集
