In Bezug auf die Implementierung der Funktion zum Scrollen der internen Bildlaufleiste von div nach unten und oben wird Ihnen in diesem Artikel ein Code zur Implementierung der internen Bildlaufleiste von p zum Scrollen nach unten und oben vorgestellt prägnant und hat einen guten Referenzwert.
Ein Beispiel ist wie folgt:
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
.scrollp{
width: 500px;
height: 400px;
margin: 10px auto;
background: #f00;
overflow-y: scroll;
padding: 10px;
}
</style>
</head>
<body>
<p class="scrollp" id="testp">
<br><br><br><br><br><br><br><br><br><br><br>
<script type="text/javascript">
var pscroll=document.getElementById('testp');
function pScroll(){
var scrollTop=pscroll.scrollTop;//页面上卷的高度
var wholeHeight=pscroll.scrollHeight;//页面底部到顶部的距离
var pHeight=pscroll.clientHeight;//页面可视区域的高度
if(scrollTop+pHeight>=wholeHeight){
alert('我到底部了');
}
if(scrollTop==0){
alert('我到顶部了')；
}
}
pscroll.onscroll=pScroll;
</script>
</body>
</html>Haben Sie es gelernt? Die Idee ist dieselbe, also beeilen Sie sich und probieren Sie es aus.
Verwandte Empfehlungen:
Legen Sie DIV-Bildlaufleistenattribute fest und Einführung zu Stilen
Detaillierte Beispiele für JavaScript-Bildlaufleistenereignisse
Das obige ist der detaillierte Inhalt vonImplementierung der Funktion zum Scrollen der Bildlaufleiste innerhalb eines Divs nach unten und oben. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Welche Währung ist USDT?
So lösen Sie den Löschdatei-Fehlercode 5
So lesen Sie Daten in einer Excel-Datei in Python
Verlauf der Oracle-Ansichtstabellenoperationen
MySQL-Datenbank erstellen
Welche Software ist cdr
Eine vollständige Liste der Tastenkombinationen für Ideen
Was tun, wenn Linux beim Ausführen einer Datei „Keine solche Datei oder kein solches Verzeichnis' anzeigt?
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
