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

[plague]

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

self.scrollTo(1000,0);

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

 

[sharktech]

من خودم از این کد توی سایتم استفاده کردم :

<script language="javascript">
var t;
function top() {
  if (document.body.scrollTop!=0 || document.documentElement.scrollTop!=0){
    window.scrollBy(0,-50);
    t=setTimeout('top()',1);
  }
  else clearTimeout(t);
}
</script>

اینم اکشن لینک :

<a href="[U]#[/U][URL="http://forum.majidonline.com/view-source:http://gognoos.com/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%da%a9%d8%a7%d9%88%d8%b1/#"][/URL]" onclick="top();return false" style="color:#fff">بازگشت به بالا</a>

 

[plague]

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

 

[sharktech]

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

 

[Mr.Steres]

روش بهتر و جدیدتر استفاده از mootools هست که david walsh ... :

http://davidwalsh.name/mootools-fx-smoothscroll

 

[sharktech]

آره با jquery هم میشه درست کرد جوری که موقع بالا یا پایین اومدن به وصورت fade in و fade out حرکت کنه.

اما من از اینی که دیوید گذاشته خوشم نیومد !!!

حرکاتش قشنگ نیست یعنی smooth نیست.

 

[plague]

ممنون میخاستم بدونه استفاده از فریمورک انحامش بدم زیاد شلوغ نشه

عجیبه این 2 تا پارامتر بیشتر نداره

window.scrollBy(0,-50);
t=setTimeout('top()',1);

اون 1 و -50 ولی تغییرشون هیچ اثری نداره

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

 

[sharktech]

عجیبه که برای تو تاثیر نداره !!!!

من که اون 50 رو 10 کردم سرعتش کم شد و 100 کردم سرعتش زیاد شد.

احتمالا صفحه کش میشه و تغییرات توش اعمال نمیشه برای اینکه این مشکل پیش نیاد ctrl + f5 رو بزن تا مرورگر صفحه رو از اول لود کنه و صفحه کش نشه.