繁体   English   中英

在某个位置停止固定位置滚动? 〜反向

[英]Stopping fixed position scrolling at a certain point? ~ Reverse

在这个StackOverflow问题中: 在某个点停止固定位置滚动? 您可以找到jQuery,以停止从上到下的元素并在页面中间某处停止该元素到底部的路径。

我对jQuery没有太多经验,并且希望下面的代码可以反向滚动以实现相同的功能(如果它从底部滚动到顶部并中途停止)。

谢谢!

 var windw = this; $.fn.followTo = function ( pos ) { var $this = this, $window = $(windw); $window.scroll(function(e){ if ($window.scrollTop() > pos) { $this.css({ position: 'absolute', top: pos }); } else { $this.css({ position: 'fixed', top: 0 }); } }); }; $('#f').followTo(250); 
 #f { background:#ace; padding:20px; width:200px; position:fixed; top:0; left:0; } 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script> <div id="f"> I'm going to follow you only so far... </div> Lorem ipsum etc etc<br /> Lorem ipsum etc etc<br />Lorem ipsum etc etc<br /> Lorem ipsum etc etc<br /> Lorem ipsum etc etc<br /> Lorem ipsum etc etc<br /> Lorem ipsum etc etc<br /> Lorem ipsum etc etc<br /> Lorem ipsum etc etc<br /> Lorem ipsum etc etc<br /> Lorem ipsum etc etc<br /> Lorem ipsum etc etc<br /> Lorem ipsum etc etc<br /> Lorem ipsum etc etc<br /> Lorem ipsum etc etc<br /> Lorem ipsum etc etc<br /> Lorem ipsum etc etc<br /> Lorem ipsum etc etc<br /> Lorem ipsum etc etc<br /> Lorem ipsum etc etc<br /> Lorem ipsum etc etc<br /> Lorem ipsum etc etc<br /> Lorem ipsum etc etc<br /> Lorem ipsum etc etc<br /> Lorem ipsum etc etc<br /> Lorem ipsum etc etc<br /> Lorem ipsum etc etc<br /> Lorem ipsum etc etc<br /> Lorem ipsum etc etc<br /> Lorem ipsum etc etc<br /> Lorem ipsum etc etc<br /> Lorem ipsum etc etc<br /> Lorem ipsum etc etc<br /> Lorem ipsum etc etc<br /> Lorem ipsum etc etc<br /> Lorem ipsum etc etc<br /> Lorem ipsum etc etc<br /> Lorem ipsum etc etc<br /> Lorem ipsum etc etc<br /> Lorem ipsum etc etc<br /> Lorem ipsum etc etc<br /> Lorem ipsum etc etc<br /> Lorem ipsum etc etc<br /> Lorem ipsum etc etc<br /> Lorem ipsum etc etc<br /> 

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM