سلام ، آیا این بازدید اول شماست ؟ یا
نمایش نتایج: از شماره 1 تا 4 , از مجموع 4

موضوع: اضافه کردن fadeIn به اسکرال به بالا

Threaded View

پست قبلی پست قبلی   پست بعدی پست بعدی
  1. #1

    تاریخ عضویت
    Jun 2014
    محل سکونت
    تهران
    نوشته ها
    227
    تشکر
    6
    تشکر شده 39 بار در 32 ارسال

    اضافه کردن fadeIn به اسکرال به بالا

    سلام
    من می خواستم که یه اسکرال به بالایی داشته باشم که وقتی صفحه رو به پایین اسکرال میدیم ظاهر شه و وقتی به بالا میره نشون داده نشه یا اینکه توی موقعیت مثلا 100Px رسید نشون بده اگه کمتر بود نشونش نده به این خاصیت میگن fadeIn ....

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

    <script type="text/javascript">
    /*! Jquery scrollto function */
    (function(a,c){var b=(function(){var d=c(a.documentElement),f=c(a.body),e;if(d.scrollTo p()){return d}else{e=f.scrollTop();if(f.scrollTop(e+1).scrollT op()==e){return d}else{return f.scrollTop(e)}}}());c.fn.smoothScroll=function(d) {d=~~d||400;return this.find('a[href*="#s5"]').click(function(f){var g=this.hash,e=c(g);if(location.pathname.replace(/^\//,'')===this.pathname.replace(/^\//,'')&&location.hostname===this.hostname){if(e.leng th){f.preventDefault();b.stop().animate({scrollTop :e.offset().top},d,function(){location.hash=g})}}} ).end()}}(document,jQuery));
    jQuery(document).ready(function(){
    jQuery('html').smoothScroll(700);
    });
    function s5_page_scroll(obj){ if(jQuery.browser.mozilla) var target = 'html'; else var target='html body'; jQuery(target).stop().animate({scrollTop:jQuery(ob j).offset().top},700,function(){location.hash=obj} ); }
    function s5_hide_scroll_to_top_display_none() { if (window.pageYOffset < 300) { document.getElementById("s5_scrolltopvar").style.d isplay = "none"; } }
    function s5_hide_scroll_to_top_fadein_class() { document.getElementById("s5_scrolltopvar").classNa me = "s5_scrolltop_fadein"; }
    function s5_hide_scroll_to_top() {
    if (window.pageYOffset >= 300) {document.getElementById("s5_scrolltopvar").style. display = "block";
    document.getElementById("s5_scrolltopvar").style.v isibility = "visible";
    window.setTimeout(s5_hide_scroll_to_top_fadein_cla ss,300);}
    else {document.getElementById("s5_scrolltopvar").classN ame = "s5_scrolltop_fadeout";window.setTimeout(s5_hide_s croll_to_top_display_none,300);}}
    jQuery(document).ready( function() {s5_hide_scroll_to_top();});
    jQuery(window).resize(s5_hide_scroll_to_top);
    if(window.addEventListener) {
    window.addEventListener('scroll', s5_hide_scroll_to_top, false);
    }
    else if (window.attachEvent) {
    window.attachEvent('onscroll', s5_hide_scroll_to_top);
    }
    </script>
    <div id="s5_scrolltopvar" class="s5_scrolltop_fadeout" style="visibility:hidden">
    <a href="#s5_scrolltotop" id="s5_scrolltop_a" class="s5_scrolltotop"><?php if ($template_date == "June 2011") {?>Scroll Up<?php } ?></a>
    </div>

    جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.


  2. # ADS
    تبلیغات در جوملا فارسی
    تاریخ عضویت
    Always
    محل سکونت
    Advertising world
    نوشته ها
    Many
     

علاقه مندی ها (Bookmarks)

علاقه مندی ها (Bookmarks)

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •