Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Кнопка "Вниз" (https://javascript.ru/forum/dom-window/5675-knopka-vniz.html)

Avel Mink 30.10.2009 02:36

Кнопка "Вниз"
 
Есть скрипт на кнопку "ВВерх"

<div id="up">
	<a href="#" id="toTop">Вверх <img src="/image/_w/to_top.gif" border="0" align="absmiddle" /></a> 
	</div>
	<script type="text/javascript">
$(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr("href");if($(window).scrollTop()!="0"){$(this).fadeIn("slow")}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()=="0"){$(scrollDiv).fadeOut("slow")}else{$(scrollDiv).fadeIn("slow")}});$(this).click(function(){$("html, body").animate({scrollTop:0},"fast")})}});
        </script>  
	<script type="text/javascript">  
	$(function() {  
	$("#toTop").scrollToTop();  
	});  
	</script>


Это вставляем в CSS
/* === TOP Scroll === */  
#up a {
opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40);
}

#up a:hover {
opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);
}

#toTop {  
  width: 100px;  
  background: #f1f1f1;  
  border: 1px solid #cccccc;  
  text-align: center;  
  padding: 5px;  
  position: fixed;  
  bottom: 20px;  
  right: 50px;  
  cursor: pointer;  
  color: #666666;  
  text-decoration: none; 
  float: right;
}


Собственно нужно переделать его на точно такую же кнопку, но только на скролл страницы ВНИЗ. Пытался сам, не получилось. Помогите пожалуйста


Часовой пояс GMT +3, время: 09:37.