اسکرول خوردن نرم

[omidparkour 37]

سلام

میخوام اسکرول خوردن سایتم نرم باشه

چجوری باید درست کنم؟؟

[Alireza Xn 1644]

اگه برای وردپرس میخواهید پلاگینش رو قبلا إا دوست عزیزمون Ghaem درست کردم که میتونید برای وردپرس ازش استفاده کنید .

در این مقاله میتونید توضیحاتش رو بخونید و دانلود کنید : http://goo.gl/LQDE8o

مشکلی داشتید بگید تا بیشتر راهنمایتون کنم .

[omidparkour 37]

سلام

من اون افزونه رو نصب کردم ولی هیچ تغییری رو ندیدم

کدی چیزی نیست؟

[bmppc2 148]

تو مخزن بگرد به اسم jquery scroll افزونه زیاد هست

[ashki0076 34]

سلام دوست عزیز

ابتدا جی کوئری رو فراخوانی کنید

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'></script>

سپس کد زیر رو انتهای فایل تون قبل از پایان body قرار بدید

<script>
$(function() {
  $('a[href*=#]:not([href=#])').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
	  var target = $(this.hash);
	  target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
	  if (target.length) {
	    $('html,body').animate({
		  scrollTop: target.offset().top
	    }, 1000);
	    return false;
	  }
    }
  });
});
</script>

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

<div id="poorya"></div>

و بعد از یک لینک برای اسکرول نرم استفاده کنید و باه جای مقصد آی دی که ساختید رو وارد کنید مثلا برای بالا

<a href="#poorya"></a>

[omidparkour 37]

خیلی تست کردم اما هیچ کردم درست و حسابی نیستنن

[omidparkour 37]

نه میخوام کل سایت اسکرولش نرم باشه

[Alireza Xn 1644]

این اسکریپ ها رو توی فوتر قبل از </body> قرار بدید .

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.0.6/jquery.mousewheel.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="http://simov.github.io/simplr-smoothscroll/lib/jquery.simplr.smoothscroll.js" type="text/javascript" charset="utf-8"></script>
    <script src="http://simov.github.io/simplr-smoothscroll/examples/js/demo1.js" type="text/javascript" charset="utf-8"></script>

[omidparkour 37]

توی کروم که اصلا کار نمیکنه توی فایرفاکس هم اونچیزی که میخوام نیست

[SM-Mahdavi 5427]

توی کروم که اصلا کار نمیکنه توی فایرفاکس هم اونچیزی که میخوام نیست

نمونه خاصی مد نظرته؟ آدرسش رو بزار.

[MohammadHHB 0]

این اسکریپ ها رو توی فوتر قبل از </body> قرار بدید .

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.0.6/jquery.mousewheel.min.js" type="text/javascript" charset="utf-8"></script>
<script src="http://simov.github.io/simplr-smoothscroll/lib/jquery.simplr.smoothscroll.js" type="text/javascript" charset="utf-8"></script>
<script src="http://simov.github.io/simplr-smoothscroll/examples/js/demo1.js" type="text/javascript" charset="utf-8"></script>

برای من کار کرد . ممنون از راهنمایی