17 апреля 2013 в 1:31
Такую, как насайте http://podrupalim.com/ , справа внизу.
При прокрутки окна вниз -появляется кнопка, которая ворачивает в самый верх страницы.
Как создать кнопку "Вверх"?
Главные вкладки
17 апреля 2013 в 1:31
Комментарии
http://drupal.org/project/scroll_to_top и ему пдобные.
Есть такой сервис - share42 - как вариант - там можно прицепить кнопку вверх, а так же соцкнопки и многое другое, как пример у нас на сайте http://www.bighameleon.com/
Адрес сайта этого сервиса - http://share42.com/ru - выбираете какие кнопки вам нужны и просто копируете код в блок на сайте. Удачи!
Если не писать js то http://drupal.org/project/back_to_top .
Вы прикалываетесь что ли? Это скрипт на уровне HelloWorld'а. Или 10 минутного чтения jQuery для самоваров.(даже не JS)
На сайте в примере в скрипте происходит следующее: там присобачили его к Drupal.behaviors($(document).ready нынче не в моде), в итоге скрипт у них начал "немного" глючить с Drupal Ajax, и вместо того, чтоб или убрать эти бихейвиоры(ибо у этого скрипта с аяксом столько же общего, сколько у коровы с холодильником), они сделали проверку на отработку скрипта(т.е. "купили запорожец, чтоб его носить"), видимо once() не угодил, короче, ... нет слов... Кроме того, он использует данные из Drupal.settings, правда не совсем понимаю зачем, подозреваю, что сделана эта кнопочка каким-то странным модулем. И все равно, на другом сайте этот код, без друпала и вот этой непонятной фигни "back_to_top.back_to_top_button_trigger"(внутри которой тупо содержится 0) в Drupal.settings, работать не будет.
Сдешние начинающие гуру не в силах на такое. Хотя коммент ++++ как поддтверждаю. Его делать ппц.
Даже своим могу поделиться, криворукм кодом:
JS
* Кнопка "Вверх".
*/
if ($(window).width() >= 1210) {
$('body').prepend("<a name='top' />");
$('body').append("<div id='go-top'><div id='go-top-text'>Наверх</div></div>")
$(window).scroll(function(){
if ($(document).scrollTop() > 200) {
$('#go-top').fadeIn();
} else {
$('#go-top').fadeOut();
}
});
$('#go-top').click(function(){
$("html, body").animate({
scrollTop: 0
}, 600);
return false;
});
}
$(window).resize(function() {
if ($(window).width() < 1210) {
$('#go-top').css({
'display':'none'
});
}
});
css
/* Наверх */
/********************/
#go-top {
position: fixed;
top: 0px;
left: 0;
width: 150px;
height: 100%;
cursor: pointer;
background: none;
transition: all 0.5s linear;
display: none;
}
#go-top:hover {
background: rgba(120, 41, 84, 0.33);
transition: all 0.5s linear;
}
#go-top-text {
display: block;
width: 130px;
padding: 5px 10px;
text-align: center;
color: white;
font-weight: 700;
background: #782954;
position: fixed;
bottom: 15%;
text-shadow: 0 1px 0px #202020;
}