Установка кнопки вверх

D
На сайте с 05.04.2013
Offline
17
719

Привет! вообщем, хочу установить кнопку вверх для своего сайта , и нашел ну очень хороший вариант. Ссылка на страницу с кнопкой http://truemisha.ru/blog/vkontakte/top-button-advanced.html ( вариант №2)

Все устанавливал по инструкции, и левая часть экрана стала кликабельная- работает и вверх и вниз, но при наведении не выделяеться серым, и нету надписи вверх/вниз. + кликабельное поле залазит на страницу контента примерно на 1 см.

Помогите пожалуйста сделать эту кнопку, как на демо.

DiAksID
На сайте с 02.08.2008
Offline
218
#1

по хорошему все эти кнопки "вверх/вниз" это пара однострочных js-функций, которые вешаются на click типа:


...
scrolled: $('html:not(:animated), body:not(:animated)'),

totop: function( delay ) {
this.scrolled.animate(
{ scrollTop: 0 },
delay || 1000
);
return this;
},

tobottom: function( delay ) {
this.scrolled.animate(
{ scrollTop: $(document).height() },
delay || 1000
);
return this;
},
...

подключать какие то "модули" смысла нет абсолютно....

show must go on !!!...
serjoo
На сайте с 12.09.2011
Offline
389
#2

Danieltkale, у автора есть комментарии - он бы помог наверно.. ;)

Мультур..
D
На сайте с 05.04.2013
Offline
17
#3
DiAksID:
по хорошему все эти кнопки "вверх/вниз" это пара однострочных js-функций, которые вешаются на click типа:

...
scrolled: $('html:not(:animated), body:not(:animated)'),

totop: function( delay ) {
this.scrolled.animate(
{ scrollTop: 0 },
delay || 1000
);
return this;
},

tobottom: function( delay ) {
this.scrolled.animate(
{ scrollTop: $(document).height() },
delay || 1000
);
return this;
},
...


подключать какие то "модули" смысла нет абсолютно....

понятно, но что значит "вешаются на клик"? и это вроде бы не модуль, а скрипт

---------- Добавлено 25.08.2013 в 07:02 ----------

serjoo:
Danieltkale, у автора есть комментарии - он бы помог наверно.. ;)

да, я оставил коммент, но на его странице в вк увидел , что он вроде-бы уехал куда-то, а ждать неохота.

[Удален]
#4
DiAksID:
по хорошему все эти кнопки "вверх/вниз" это пара однострочных js-функций

по-хорошему кнопка вверх должна быть в футере или перед ним

DiAksID
На сайте с 02.08.2008
Offline
218
#5
Pavel_:
по-хорошему кнопка вверх должна быть в футере или перед ним

тупо в position: fixed; подвесить блок на низ экрана, ведь где там футтер залёг на странице неизвестно.

хочется что бы появлялась/исчезала - глобально отслеживаем скролиинг для всех своих фичей типо так:


...
onscroll: function( fn ) {
if ( typeof fn === 'function' ) {
var
fnScroll = function() {
fn( window.pageYOffset || document.documentElement.scrollTop );
};

if ( window.addEventListener ) {
window.addEventListener( 'scroll', fnScroll, false );
} else if ( window.attachEvent ) {
window.attachEvent( 'onscroll', fnScroll );
} else {
window.onscroll = fnScroll;
}
} else {
console.error( 'onscroll > invalid parameter [%s]', fn );
}
return this;
}
...

т.е. ставим на onscroll функцию которая принимает в параметре скроллинг документа и все карты в наших руках, делай что хочешь...

D
На сайте с 05.04.2013
Offline
17
#6
DiAksID:
тупо в position: fixed; подвесить блок на низ экрана, ведь где там футтер залёг на странице неизвестно.
хочется что бы появлялась/исчезала - глобально отслеживаем скролиинг для всех своих фичей типо так:


...
onscroll: function( fn ) {
if ( typeof fn === 'function' ) {
var
fnScroll = function() {
fn( window.pageYOffset || document.documentElement.scrollTop );
};

if ( window.addEventListener ) {
window.addEventListener( 'scroll', fnScroll, false );
} else if ( window.attachEvent ) {
window.attachEvent( 'onscroll', fnScroll );
} else {
window.onscroll = fnScroll;
}
} else {
console.error( 'onscroll > invalid parameter [%s]', fn );
}
return this;
}
...


ставим на onscroll функцию которая принимает в параметре скроллинг документа и все карты в наших руках, делай что хочешь...

ох,😕 я немного понял, о чем ты, но что делать, чтобы решить проблему - не имею понятия.:(

DiAksID
На сайте с 02.08.2008
Offline
218
#7
Danieltkale:
ох,😕 я немного понял, о чем ты, но что делать, чтобы решить проблему - не имею понятия.:(

так в том то и дело, что это не проблема. это как бе кусок стандартных и примитивных (спасибо jquery) js-экшенов которые стоит делать своими руками в любом случае, т.к. для этих фич слишком много может и должно появиться собственных хотелок. и всё элементарно до смешного...

D
На сайте с 05.04.2013
Offline
17
#8
DiAksID:
так в том то и дело, что это не проблема. это как бе кусок стандартных и примитивных (спасибо jquery) js-экшенов которые стоит делать своими руками в любом случае, т.к. для этих фич слишком много может и должно появиться собственных хотелок. и всё элементарно до смешного...

спасибо..😒

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий