国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

Div erfasst das Scrollen mit der Maus
P粉729436537
P粉729436537 2023-11-01 18:57:05
0
2
817

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

  1. Div einfügen/ausrichten (100 % H?he und 100 % Breite des Anzeigebereichs)
  2. Scrollen Sie automatisch zum n?chsten Div, wenn ein Scrollen erkannt wird

Jquery verwenden?

P粉729436537
P粉729436537

Antworte allen(2)
P粉457445858

我嘗試了不同的插件,但它們都在 mvc 中觸發(fā)多個(gè)事件時(shí)遇到問題,所以我使用 underscore.js 想出了這個(gè)解決方案

<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>
P粉276064178

如果您偵聽節(jié)點(diǎn)上的滾動(dòng)事件,您可以輕松使用 之類的插件scrollTo 平滑滾動(dòng)到“下一個(gè) div”或上一個(gè) 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;
});
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage