suchen

Heim  >  Fragen und Antworten  >  Hauptteil

Div erfasst das Scrollen mit der Maus

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粉729436537P粉729436537467 Tage vor713

Antworte allen(2)Ich werde antworten

  • P粉457445858

    P粉4574458582023-11-02 17:19:57

    我尝试了不同的插件,但它们都在 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>

    Antwort
    0
  • P粉276064178

    P粉2760641782023-11-02 16:14:55

    如果您侦听节点上的滚动事件,您可以轻松使用 之类的插件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;
    });

    Antwort
    0
  • StornierenAntwort