Готовое решение "Кнопка наверх"

ЕСТЬ РЕШЕНИЕ ЗАКРЫТО

#1 31 мая 2013 в 19:33

Есть ли у кого готовое решение "кнопка наверх" поделитесь плиз!

#2 31 мая 2013 в 19:50

Ctrl+Home

На машину и квартиру я заработал тут: http://clck.ru/1LXQk

#3 31 мая 2013 в 19:52

На сайте было решение, причем неоднократно. Поиском не пользовались?

Сегодня в 18:18

#4 31 мая 2013 в 20:10

На сайте было решение, причем неоднократно. Поиском не пользовались?

PrazdNik

конечно пользовался, но все варианты старые, темы от 2010 года, зачем же так усложнять ctrl+home когда можно просто home, а если серъезно, поделитесь если есть!

#5 31 мая 2013 в 20:22

d68915002, Я помню брал скрипт с шаблона "Чуть веселее" помоему там есть такая кнопка, выдрать ее из шаблона не составит труда :)

#6 31 мая 2013 в 20:37

d68915002, Я помню брал скрипт с шаблона "Чуть веселее" помоему там есть такая кнопка, выдрать ее из шаблона не составит труда :)

Volgomarket

блин посмотрел шаблон что то не пойму что откуда дергать?

#7 31 мая 2013 в 20:42

тоже было-бы интересно)))

Петрмаг

#8 31 мая 2013 в 20:52

Друзья, если не справитесь, на днях попробую вспомнить, а сейчас я в объятиях Бахуса, поэтому вряд ли вспомню, куда копать.

#9 31 мая 2013 в 21:10

Баху
Volgomarket

Привет Бахусу laugh

Я вот готовлюсь поснимать и думаю, то-ли на фото? то-ли на видео? вместе тяжело laugh

на что думаете лучше? 1 июня праздники(может не в тему, но пришло на ум))))))))

Петрмаг

#10 31 мая 2013 в 21:34

Поиском нашел вот что, вверх — вниз, добавляет две стрелки:

добавляем в шаб после <body>:
<div class="go-up" title="Вверх" id='ToTop'>⇧</div>
<div class="go-down" title="Вниз" id='OnBottom'>⇩</div>

в css:

 
.go-up,
.go-down {
  display:none;
  position: fixed; /*позиционируем*/
  right: 5px; /*указываем положение, если слева - left*/
  z-index: 9999; /*показываем поверх все элементов на странице*/
  background: #4F4F4F;
  border: 2px solid #ccc; /*толщина, стиль, цвет рамки*/
  box-shadow: 0 10px 0.3em -0.1em rgba(0,0,6,0.5); /*тень*/
  border-radius: 10px;
  cursor: pointer;
  color: #fff; /*цвет стрелок*/
  text-align: center; /*выравнивание*/
  font-size: 42px; /*размер стралок*/
  text-shadow: 0 1px 2px #000, 0 0 10px #E0F1FF;
  opacity: .7; /*прозрачность*/
  padding: 0 3px 5px 3px; /*отступы внутри*/
  margin-bottom: 5px; /*отступ снизу (можно не указывать)*/
  width: 48px; /*ширина кнопки*/
  height: 48px; /*высота кнопки*/
}
.go-up {
  bottom: 70px; /*положение от низа окна браузера*/
}
.go-down {
  bottom: 10px;
}
/*стили при наведении курсора*/
.go-down:hover,
.go-up:hover {
  opacity: 1;
}

в шабе:

до </head> скриптулину:

 
<script>
$(function(){
 if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
 $(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
  else $("#ToTop").fadeIn("slow")
 });
 
 if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
 $(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
  else $("#OnBottom").fadeIn("slow")
 });
 
 $("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
 $("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
</script>