Очередной скрипт плавного скроллинга на страницах сайта. Скрипт очень простой, кнопка поднятия вверх по странице имеет внешне квадратную форму, кнопка располагается в нижнем правом углу браузера, имеет фиксированное месторасположение, не исчезает при поднятии вверх по странице. Установка: В нижнюю часть сайта вставляем код: Код <div id="s5_scrolltopvar"> <a href="javascript://" onclick="$('body').scrollTo({top:$('body').offset().top, left:0}, 500);return false;" class="s5_scrolltotop"></a> </div> В таблицу стилей (CSS) вставляем код: Код #s5_scrolltotop {height: 0; visibility:hidden;} .s5_scrolltotop { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; width:38px; height:38px; cursor:pointer; position:fixed; right:0px; bottom:70px; background:transparent url(http://www.csomsk.ru/csomsk/s5_scroll_arrow.png) no-repeat top center;} .s5_scrolltotop:hover {background:transparent url(http://www.csomsk.ru/csomsk/s5_scroll_arrow.png) no-repeat bottom center;} | |
Понравилось:
Категория: Скрипты для ucoz сайтов
Просмотров: 1343
Комментариев: 0
|