站酷这种效果叫什么

2018-5-4 15:08:52 小二_YNQ(班班号码:37500633 | 分类:二次开发 | 浏览324次


  这种效果叫什么?   网上滑会隐藏这段,下滑会吸附到顶部显示
2018-5-10 08:59:04
提问者采纳
jquery实现滚动条滚动到一定高度导航固定不变,参考代码如下:
  1. <div class="one"></div>



  2. .one {
  3. width: 800px;
  4. height: 100px;
  5. background-color: yellow;
  6. }

  7. .fix {
  8. position: fixed;
  9. left: 0;
  10. top: 0;
  11. background-color: pink;
  12. }



  13. $(function(){

  14. var nav=$(".one"); //得到导航对象

  15. var win=$(window); //得到窗口对象

  16. var sc=$(document);//得到document文档对象。

  17. win.scroll(function(){

  18. if(sc.scrollTop()>=600){

  19. nav.addClass("fix");
  20. }else{

  21. nav.removeClass("fix");
  22. }

  23. });
  24. });
复制代码

班班学院院长(班班号码:1000,来自:班班学院

按默认排序| 按时间排序

其他2条回答

2018-5-4 16:51:54
江湖英雄 超级班班粉(班班号码:1111,来自:易购汇 | TA的头衔:终身成就VIP
浮动效果 一个代码而已!
2018-5-10 03:34:31
Daguo(班班号码:8080 | TA的头衔:啊棒
js判断滚动条运动的一个条件语句控制css的代码