Das Attribut scrollOverflow funktioniert nicht richtig in meinem Projekt, es gibt keine Bildlaufleiste, wenn der Inhalt überläuft, so schreibe ich ein einfaches Beispiel zu Finde das Problem heraus. Das Problem ist, dass wenn ich dies in meinem Browser überprüfen, egal klicken oder scrollen, es funktioniert nicht, ich kann nur den ersten Abschnitt sehen. Hier ist mein Codefullpage.js scrollOverflow funktioniert nicht, ich kann nicht den Abschnitt überhaupt rutschen
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link rel="stylesheet" href=" https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.8.1/jquery.fullPage.css" />
</head>
<body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-rc1/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.8.1/jquery.fullPage.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jQuery-slimScroll/1.3.7/jquery.slimscroll.js"></script>
<script>
$(function() {
$('#dowebok').fullpage({
<!--loopHorizontal: false,-->
navigation: true,
css3:true,
scrollOverflow: true
})
})
</script>
<div id="dowebok">
<div class="section">section1</div>
<div class="section">section2</div>
<div class="section">section3</div>
<div class="section">
section4
...........
(contents which runs really long, larger than the size of the section)
</div>
</div>
</body>
</html>
Vielen Dank ~ und es hat auch in meinem realen Projekt gut funktioniert. –
Wie Sie sehen können, funktioniert es ordnungsgemäß [auf der Demoseite] (http://alvarotrigo.com/fullPage/examples/scrolling.html) mit 2.8.1. Wenn Sie Probleme haben, könnte dies auf [dieses bekannte Problem] (https://github.com/alvarotrigo/fullPage.js/issues/2048) zurückzuführen sein, das leicht gelöst werden kann, indem Sie float nicht verwenden: links oder rechts. – Alvaro
Aber ich habe kein CSS-Stylesheet in dem oben genannten Code verknüpft, außer für jquery.fullPage.css –