صفحة كاملة.شبيبة لن التمرير
-
21-12-2019 - |
سؤال
أنا مندهش لم أتمكن من العثور على إجابة لهذه المشكلة من قبل.حاولت دمج البرنامج المساعد صفحة كاملة في موقعي وتعطيل أساسا وظيفة التمرير.عالق في القسم الأول.حاولت عمل نسخة مبسطة ، وقطع كل شيء حتى العظم ، نفس المشكلة.
في قسم الرأس...
<link href="css/jquery.fullPage.css" rel="stylesheet" type="text/css" media="screen">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<script src="scripts/jquery.fullPage.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$.fn.fullpage();
});
</script>
في قسم الجسم...
<body>
<header class="section">
<div><h1>A</h1></div>
</header>
<main>
<section class="section">
<div><h1>B</h1></div>
</section>
<section class="section">
<div><h1>C</h1></div>
</section>
</main>
</body>
ماذا يحدث?شكرا مقدما.
المحلول
أنت لا تتبع الهيكل المطلوب للمكون الإضافي.الخاص بك class="section"
يجب أن تكون العناصر على نفس المستوى كما هو موضح في الوثائق.لا يمكنك الحصول على قسم في الداخل <main>
.يجب أن يكون على نفس المستوى.
<div class="section">Some section</div>
<div class="section">Some section</div>
<div class="section">Some section</div>
<div class="section">Some section</div>
أيضا ، إذا كنت تستخدم الإصدار الأخير من المكون الإضافي ، فيجب عليك استخدام التفاف لجميع الأقسام واستخدامه أيضا عند التهيئة:
<div id="fullpage">
<div class="section">Some section</div>
<div class="section">Some section</div>
<div class="section">Some section</div>
<div class="section">Some section</div>
</div>
التهيئة:
$(document).ready(function() {
$('#fullpage').fullpage();
});
لا تنتمي إلى StackOverflow