svip

网站侧边跟随滚动特效

代码如下

1. var sidebar = document.getElementById("guding");
   
2. var sidebarPos = sidebar.offsetTop;
   
3. 
   
4. window.onscroll = function() {
   
5.   if (window.pageYOffset >= sidebarPos) {
   
6.     sidebar.style.position = "fixed";
   
7.     sidebar.style.top = "0";
   
8.   } else {
   
9.     sidebar.style.position = "relative";
   
10.     sidebar.style.top = "auto";
    
11.   }
    
12.   
    
13.   // 判断侧边栏是否已经贴合顶部
    
14.   if (window.pageYOffset <= sidebarPos) {
    
15.     sidebar.style.position = "relative";
    
16.     sidebar.style.top = "0";
    
17.   }
    
18. };

复制代码