84669 Lernen von Personen
152542 Lernen von Personen
20005 Lernen von Personen
5487 Lernen von Personen
7821 Lernen von Personen
359900 Lernen von Personen
3350 Lernen von Personen
180660 Lernen von Personen
48569 Lernen von Personen
18603 Lernen von Personen
40936 Lernen von Personen
1549 Lernen von Personen
1183 Lernen von Personen
32909 Lernen von Personen
Ich habe derzeit eine Seite in der folgenden Form
<div id="content"> <div id="content-page-1"> <!--content--> </div> <div id="content-page-2"> <!--content--> </div> </div>
Gibt es eine Möglichkeit zum Scrollen
Jquery verwenden?
我尝试了不同的插件,但它们都在 mvc 中触发多个事件时遇到问题,所以我使用 underscore.js 想出了这个解决方案
<script type="text/javascript"> $(document).ready(function () { var isc = _.throttle(function (event) { if ($(window).scrollTop() + $(window).height() > $(document).height() - 200) { if (event.handled !== true) { $.post('@path', function (html) { $('#user-feed').append(html); }); } } }, 300); $(window).scroll(isc); }); </script>
如果您侦听节点上的滚动事件,您可以轻松使用 之类的插件scrollTo 平滑滚动到“下一个 div”或上一个 div(无论您如何定义)。
var prevScrollTop = 0; var $scrollDiv = $('div#content'); var $currentDiv = $scrollDiv.children('div:first-child'); $scrollDiv.scroll(function(eventObj) { var curScrollTop = $scrollDiv.scrollTop(); if (prevScrollTop < curScrollTop) { // Scrolling down: $currentDiv = $currentDiv.next().scrollTo(); } else if (prevScrollTop > curScrollTop) { // Scrolling up: $currentDiv = $currentDiv.prev().scrollTo(); } prevScrollTop = curScrollTop; });
我尝试了不同的插件,但它们都在 mvc 中触发多个事件时遇到问题,所以我使用 underscore.js 想出了这个解决方案
如果您侦听节点上的滚动事件,您可以轻松使用 之类的插件scrollTo 平滑滚动到“下一个 div”或上一个 div(无论您如何定义)。