اضافه کردن 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>