仿CSDN侧边栏滚轮响应脚本

2020-01-24 22:01:37

EKsumic

1k+ Reads

Add

Copyright notice: This article is an original article and follows CC 4.0 BY-NC-ND Copyright agreement. If you want to repost this article, please attach the original source link and this statement. Source link: https://www.v2know.com/MainPage/PreView/145

// JavaScript Document

$(document).ready(function(){

   $(this).scroll(function(){
       var currentWindowHeight=$(window).height();

       var currentMoveHeight=$(document).scrollTop()
       var aside_height=$("aside").height();

       var currentMoveLeft=$(document).scrollLeft();
       var currentMainHeight=$(document).height();
       if(currentMoveHeight>(aside_height-currentWindowHeight))
           {
               $("aside").css("position","fixed");
               $("aside").css("bottom","0px");
               if(currentMoveLeft>0){
               $("aside").css("position","relative");
               }
           }
       else{
           $("aside").css("position","relative");
           $("aside").css("bottom","auto");
       }

   });

});