Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» ВПНавтор Danny_Marcelo Сегодня в 07:47
» Пропала вкладка "Обработка пользователей"
автор Svet007 Вчера в 07:39
» Как найти администратора?
автор PushPayer Ноябрь 21st 2024, 00:58
» Не корректное отображение картинок
автор VENEFICA. Ноябрь 15th 2024, 14:46
» Не меняется название форума
автор Aviator Ноябрь 14th 2024, 15:40
» Дублируется ссылка на форум в боковом меню
автор Чистый сталкер Октябрь 26th 2024, 21:13
» совет админам
автор лексей2222 Октябрь 23rd 2024, 05:45
» Проблема с гугл из-за Hitskin
автор Вултур Октябрь 21st 2024, 15:43
» [решено]Редактирвоание темы
автор AlexDarkTech Октябрь 13th 2024, 08:14
» Пропали иконки редактирования - HEEELP
автор Archaea Сентябрь 23rd 2024, 18:11
Кнопка вверх-вниз
Участников: 2
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Re: Кнопка вверх-вниз
Так зачем изобретать велосипед ?
Можно изменить параметры в коде...
И вообще скрипт работает вполне быстро. Сайт глючит и оттого порой возникает эффект зависания.
https://developers.google.com/speed/pagespeed/insights/?hl=ru
Вбиваем ссылочку на сайт и видим что сайт загружен ? Да. Читаем учебники и настраиваем сайт под современные технологии и т.д и т.п...
Можно изменить параметры в коде...
И вообще скрипт работает вполне быстро. Сайт глючит и оттого порой возникает эффект зависания.
https://developers.google.com/speed/pagespeed/insights/?hl=ru
Вбиваем ссылочку на сайт и видим что сайт загружен ? Да. Читаем учебники и настраиваем сайт под современные технологии и т.д и т.п...
Сказочник Зазеркалья-
-
Сообщения : 3710
Возраст : 33
Регистрация : 2012-11-16
Благодарности : 733
Re: Кнопка вверх-вниз
В воскресенье займусь задачей. попытаюсь удалить способ через JS.
Сказочник Зазеркалья-
-
Сообщения : 3710
Возраст : 33
Регистрация : 2012-11-16
Благодарности : 733
Re: Кнопка вверх-вниз
Mag-Vasiliy пишет:Сказочник Зазеркалья,
- Код:
<style type="text/css">
.nav_up {
position:fixed;
background: url(ссылка на картинку вверх);
width:54px;
height:36px;
bottom:30px;
right:80px;
white-space:nowrap;
cursor: pointer;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
.nav_down {
position:fixed;
background: url(ссылка на картинку кнопки вниз);
width:54px;
height:36px;
bottom:30px;
right:30px;
white-space:nowrap;
cursor: pointer;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
</style>
<div id="nav_up" class="nav_up" style="display:none;">
</div>
<div id="nav_down" class="nav_down" style="display:none;">
</div>
<script type="text/javascript">
jQuery(function() {
var overelem = jQuery('body');
jQuery('#nav_up').fadeIn('slow');
jQuery('#nav_down').fadeIn('slow');
jQuery(window).bind('scrollstart', function(){
jQuery('#nav_up,#nav_down').stop().animate({'opacity':'0.2'});
});
jQuery(window).bind('scrollstop', function(){
jQuery('#nav_up,#nav_down').stop().animate({'opacity':'1'});
});
jQuery('#nav_down').click(
function (e) {
jQuery('html, body').animate({scrollTop: overelem.height()}, 800);
}
);
jQuery('#nav_up').click(
function (e) {
jQuery('html, body').animate({scrollTop: '0px'}, 800);
}
);
});
</script>
Ставим в виджет либо в шаблон overal_footer_end перед тегом </body>
ссылки на картинки кнопок проставить не забудьте.
Сказочник Зазеркалья-
-
Сообщения : 3710
Возраст : 33
Регистрация : 2012-11-16
Благодарности : 733
Re: Кнопка вверх-вниз
Mag-Vasiliy пишет:Сказочник Зазеркалья,
На здоровье!
Сказочник Зазеркалья-
-
Сообщения : 3710
Возраст : 33
Регистрация : 2012-11-16
Благодарности : 733
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения