[英]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.