Страница 5 из 5
Кнопки перемотки вверх/вниз страницы, другие настраиваемые кнопки
Добавлено: 12 авг 2014, 22:20
Xisp
fomenkoandrey писал(а): по ширине кнопка автоматически занимает всю свободную часть слева, подстраиваясь под границы контента (#wrap)
Вот это к с тати мне в контакте и не нравится- тыкнёшь куда- нибудь и тут же вверх, сиди думая, что такое произошло.
Но это ИМХО.
Кнопки перемотки вверх/вниз страницы, другие настраиваемые кнопки
Добавлено: 12 авг 2014, 22:29
Alecto
зачем тыкать там, где ничего нет?
да и в жизни - тыкать куда не попадя - вредная привычка, имхо.
даже если ткнул случайно, ткни еще раз и вернешься туда же - кнопка запоминает последнюю позицию.
к тому же автомасштабирование кнопки легко выключить в скрипте - комментарием указано место, или задать кнопке статическую ширину, но это самостоятельно.
Кнопки перемотки вверх/вниз страницы, другие настраиваемые кнопки
Добавлено: 13 авг 2014, 11:49
Alecto
еще вставил красивое выдающее меню.
настривать можно только в файле - админку не делал. первый пост пока без меню.
Кнопки перемотки вверх/вниз страницы, другие настраиваемые кнопки
Добавлено: 13 авг 2014, 17:10
Xisp
fomenkoandrey писал(а):зачем тыкать там, где ничего нет?
Снять выделение с другого места? Активировать вкладку браузера?
fomenkoandrey писал(а):к тому же автомасштабирование кнопки легко выключить в скрипте - комментарием указано место, или задать кнопке статическую ширину, но это самостоятельно.
Вот и ладненько
Re: Кнопки перемотки вверх/вниз страницы, меню + "горячие" кнопки быстрого доступа
Добавлено: 15 авг 2014, 10:37
Alecto
есть функция, которая вычисляет размер кнопки вверх/вниз
Код: Выделить всё
toplinkwidth: function(){
totalContentWidth = jQuery('#wrap').outerWidth(); // ширина блока с контентом, включая padding
totalTopLinkWidth = jQuery('#top-link').children('a').outerWidth(true); // ширина самой кнопки наверх, включая padding и margin
h = jQuery(window).width()/2-totalContentWidth/2-totalTopLinkWidth;
if(h<0){
// если кнопка не умещается, скрываем её
jQuery(this).hide();
$('#top-link').css('visibility','hidden');
} else {
if(jQuery(window).scrollTop() >= 1){
jQuery(this).show();
$('#top-link').css('visibility','visible');
}
jQuery(this).css({'padding-right': h+'px'});
}
}
в первоначальном варианте, если ширина кнопки H < 0, кнопка скрывается, но функция срабатывает только на изменение размеров окна.
если выполняется прокрутка страницы, то кнопка появляется.
требуемого результата получилось достигнуть, устанавливая/возвращая видимость кнопки по условию:
Код: Выделить всё
$('#top-link').css('visibility','hidden');
вопрос, насколько правильным или "кастыльным" является данное решение?
существует ли способ останавливать выполнение всего скрипта по условию, а не просто скрывать кнопку?
на всякий случай прикладываю файл скрипта.
Кнопки перемотки вверх/вниз страницы, меню + "горячие" кнопки быстрого доступа
Добавлено: 16 авг 2014, 13:59
Alecto
просилвер адаптируется под малые расширения. Хочу сделать, чтобы аналогичным образом скрывался весь функционал расширения: меню, блоки кнопок справа и слева.
Для этого нужно использовать какой-то особый механизм или достаточно проверить размер окна и выключить все если меньше предопределеного размера? Вопрос с какой ширины просилвер адаптирует шаблон ?
И, как залить экстракт на гитхаб?
Кнопки перемотки вверх/вниз страницы, меню + "горячие" кнопки быстрого доступа
Добавлено: 17 авг 2014, 02:08
Alecto
Разместил архив в первом сообщении.
На гитхабе зарегистрировался, но как и что там делать - ничего непонятно.