Vorwort
Wenn die innere Bildlaufleiste zu beiden Enden scrollt, scrollt normalerweise auch die äußere Bildlaufleiste mit. Manchmal hoffen wir jedoch, dass der Benutzer nur den aktuellen Bereich scrollen kann Die äußere Bildlaufleiste kann nur nach Verlassen des aktuellen Bereichs gescrollt werden. Denn der Benutzer könnte versehentlich zu weit scrollen, wodurch der aktuelle Bereich den sichtbaren Bereich verlässt.
In jquery ist das Scroll-Ereignis Scroll, und dieses Ereignis kann Sprudeln und Standardereignisse nicht verhindern. Wenn wir die Bildlaufleiste des Fensters deaktivieren, verfolge ich folgende Strategie: Wenn die Maus in den aktuellen Bereich eintritt, entspricht die Höhe der Bildlaufleiste des Fensters immer der Höhe vor dem Eintritt der Maus
Die Folgender Code:
<style type="text/css">
.main{
overflow: auto;
width: 400px;
height: 400px;
border: 1px solid #aaa;
}
.main p{
height: 800px;
}
</style>
<body>
<div id="main" class="main">
<p></p>
</div>
<p style="height:1000px;"></p>
</body>
$(function () {
var scrollTop = -1; // 鼠标进入到区域后，则存储当前window滚动条的高度
$('#main').hover(function(){
scrollTop = $(window).scrollTop();
}, function(){
scrollTop = -1;
});
// 鼠标进入到区域后，则强制window滚动条的高度
$(window).scroll(function(){
scrollTop!==-1 && $(this).scrollTop(scrollTop);
})
})Wie Sie dem obigen Code entnehmen können, habe ich das Fenster-Bildlaufleisten-Ereignis nicht verhindert, sondern den Wert jedes Mal neu zugewiesen, wenn der Benutzer gescrollt hat.
Zusammenfassung
Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass der Inhalt dieses Artikels jedem beim Lernen oder Arbeiten helfen kann kann es gerne zur Verfügung stellen, vielen Dank!
Weitere Artikel zur Verwendung von JQuery zum Deaktivieren des Scrollens der äußeren Bildlaufleiste finden Sie auf der chinesischen PHP-Website!
Der Unterschied zwischen Artikel-Tag und Abschnitts-Tag
Emule-Server-Link
So erhalten Sie Douyin Xiaohuoren
Einführung in den Javascript-Spezialeffektcode
Was tun, wenn der Remote-Desktop keine Verbindung herstellen kann?
Welche Office-Software gibt es?
Der Unterschied zwischen dem selbst betriebenen Flagship-Store von JD.com und seinem offiziellen Flagship-Store
So kaufen und verkaufen Sie Bitcoin in China
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
