fullpage.js scrollOverflow funktioniert nicht, ich kann nicht den Abschnitt überhaupt rutschen

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>

Quelle

2016-06-04 Z-Jenny

-1

Das Problem mit der fullpage.js Version 2.8.1 zu sein scheint.

Ich habe versucht, Ihren Code mit einer v2.7.7 fullpage.js Datei und es hat gut funktioniert. Ich hätte das kommentiert, aber ich habe nicht genug Privilegien.

Bearbeiten: Das Problem scheint nicht mit Fullpage.js zu sein, weil Sie scrolloverflow.js laden müssen vor dem Laden von fullpage.js wie in der Fullpage.js Docs erwähnt.

Quelle

2016-06-04 14:43:01

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 –

fullpage.js scrollOverflow funktioniert nicht, ich kann nicht den Abschnitt überhaupt rutschen

Antwort

Verwandte Themen