آموزش اسکرول تمام صفحه در المنتور و سایت های وردپرسی

کد HTML استفاده شده در آموزش

<script src=”https://cdnjs.cloudflare.com/ajax/libs/fullPage.js٫3.0.4/fullpage.js”></script>
<link rel=”stylesheet” type=”text/css” href=”https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.0.4/fullpage.css” />
<script src=”https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.0.4/fullpage.extensions.min.js”></script>

کد JS استفاده شده در آموزش

jQuery(document).ready(function($){
$(‘#fullpage’).fullpage({ //options here
scrollingSpeed: 1000,
navigation: true,
slidesNavigation: true

});
//methods
$.fn.fullpage.setAllowScrolling (true);

});

شورتکد جهت قرار دادن سکشن ها

<div id=”fullpage”>
<div class=”section”></div>

</div>

۴ دیدگاه دربارهٔ «آموزش اسکرول تمام صفحه در المنتور و سایت های وردپرسی»

  1. متشکرم خیلی خوب بود.
    در قسمت کد HTML سه تا لینک بود به دوتا فایل جاوااسکریپت و یک html
    بنظرتون بهتر نیست این سه تا فایل رو به صورت لوکال روی هاست خودمون قرار بدیم و اون مسیر تغییر بدیم؟

  2. علیرضا اسماعیلی

    سلام و خسته نباشید
    برای من وقتی کد ها رو قرار میدم به صورت اتوماتیک عمل نمیکنه و اصلا اتفاقی نمی افته و افکت کار نمیکنه

  3. سلام ببخشید من این کد ها را کپی و پیست کردم کار نکرد و وقتی بررسی اشون کردم فهمیدم شما از این ” نباید استفاده می کردید ” این علامت گیومه درست هست به این دلیل کار نمی کرد و همچنین ‘ به جای ’

دیدگاه‌ خود را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

پیمایش به بالا

آزمون سوم

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است.

آزمون دوم

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است.

آزمون اول

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است.

آموزش اسکرول تمام صفحه در المنتور و سایت های وردپرسی

با استفاده از آموزش بالا میتوانید صفحه با اسکرول تمام ارتفاع بدون استفاده از افزونه درست کنید وبه سایت خود زیبایی و جذابیت خاصی اضافه کنید.