Подскажите как сделать кнопку вверх на сайт
Страницы: 1 2 3 4 5 6 След.
Подскажите как сделать кнопку вверх на сайт
Дорогие форумчане! Обращаюсь к Вам за помощью. Давно хотел поставить на сайт "кнопочку вверх", потому что длинноватая страничка получается. Но так как я "нуб" в программировании и языках хтмл, прочитал данную тему http://true-coder.ru/javascript/knopka-vverx-s-plavnoj-prokrutkoj-stranicy-na-jquery.html, попробовал, но как обычно не получилось))). Кому не лень, просьба разъяснить как такую кнопочку можно сделать.
3 дня назад, в этом же разделе - http://www.cy-pr.com/forum/f44/t47594/
Цитата
Александр пишет:
3 дня назад, в этом же разделе - http://www.cy-pr.com/forum/f44/t47594/
Я это читал, но у меня не получилось(((
Через что пробовал, через яваскрипт или css+html?
Цитата
Balanceuuiii пишет:
Через что пробовал, через яваскрипт или css+html?
Как в ссылках написано, так и делал. То есть в шапке вставлял код, в подвале и в цсс добавлял, но чет не выходит.
Цитата
Дмитрий Платонов пишет:
Цитата
Balanceuuiii пишет:
Через что пробовал, через яваскрипт или css+html?
Как в ссылках написано, так и делал. То есть в шапке вставлял код, в подвале и в цсс добавлял, но чет не выходит.
Скорее всего вы не подключили библиотеку jQuery перед скриптом Smooth Scroller smile:)
Изменено: Sillys - 17 Апреля 2013 19:26
Предлагаю Услуги по веб-разработке/программированию
HTML(HTML5), CSS(CSS3), JavaScript(jQuery, AJAX), PHP, MySQL
========================================
http://www.cy-pr.com/forum/f58/t37537/
http://www.cy-pr.com/forum/f50/t35619/
Вот простой, стандартный скрипт:
$(function(){
$.fn.scrollToTop=function(){
$(this).hide().removeAttr("href");
if($(window).scrollTop()!="0")
{$(this).fadeIn("slow")}var scrollDiv=$(this);
$(window).scroll(function(){if($(window).scrollTop()=="0"){$(scrollDiv).fadeOut("slow")}
else{$(scrollDiv).fadeIn("slow")}
});
$(this).click(function(){$("html, body").animate({scrollTop:0},"slow")}
)}
});
Затем вызываете этот скрипт:
$(function() {
$("#vverh").scrollToTop(); 
});
где #vverh - это id вашей ссылки
так же прописываете в css стили для этой ссылки
position:fixed; и так далее
Цитата
Sillys пишет:
Цитата
Дмитрий Платонов пишет:
Цитата
Balanceuuiii пишет:
Через что пробовал, через яваскрипт или css+html?
Как в ссылках написано, так и делал. То есть в шапке вставлял код, в подвале и в цсс добавлял, но чет не выходит.
Скорее всего вы не подключили библиотеку jQuery перед скриптом Smooth Scroller smile:)
Сделал запрос на подключение данной библиотеки
Цитата
Александр пишет:
Вот простой, стандартный скрипт:
$(function(){
$.fn.scrollToTop=function(){
$(this).hide().removeAttr("href"smile;);
if($(window).scrollTop()!="0"smile;)
{$(this).fadeIn("slow"smile;)}var scrollDiv=$(this);
$(window).scroll(function(){if($(window).scrollTop()=="0"smile;){$(scrollDiv).fadeOut("slow"smile;)}
else{$(scrollDiv).fadeIn("slow"smile;)}
});
$(this).click(function(){$("html, body"smile;).animate({scrollTop:0},"slow"smile;)}
)}
});
Затем вызываете этот скрипт:
$(function() {
$("#vverh"smile;).scrollToTop();
});
где #vverh - это id вашей ссылки
так же прописываете в css стили для этой ссылки
position:fixed; и так далее
Спасибо, буду пробовать. Но хочется сделать кнопочку, которая будет появляться при прокрутке вниз, а на верху страницы ее не будет
Посмотрите здесь http://lr-bytik.ru/ справа внизу появляется кнопка, появляется только тогда когда опускаешься вниз. Если нравится, пишите ) в теме.
Цитата
Сергей37 пишет:
Посмотрите здесь http://lr-bytik.ru/ справа внизу появляется кнопка, появляется только тогда когда опускаешься вниз. Если нравится, пишите ) в теме.


Цитата
Сергей37 пишет:
jQuery
jQuery подключена. Кнопочка очень нравится, именно в таком духе и хочется, только саму кнопочку (картинку) несколько другую
Кнопку любую можно поставить
Здесь файл http://allnorilsk.in/scrolltopcontrol.zip , скачай его. В нём скрипт и картинка  
Папку  scrolltopcontrol устанавливаешь в папку где все  js скрипты стоят. А можно в любую другую папку, как захочешь.
В шаблоне надо между <неад> и </неад> поставить дорогу к этой папке.
У меня это выглядит вот так 
Код
<script src="/templates/_default_/js/scrolltopcontrol/scrolltopcontrol.js" type="text/javascript"></script>
 

Вы прописываете свою дорогу.
Потом открываете сам скрипт: scrolltopcontrol.js, в нём находите строчку: 
Код
<img src="templates/_default_/js/scrolltopcontrol/scroll_icon.png" />
 

Меняете на свою дорогу к скрипту.   scroll_icon.png это изображение кнопки, меняете изображение на какое хотите( не забудьте изменить название кнопки в скрипте). Открываем сайт, улыбаемся, радуемся...
P.S. Найдете прикольную кнопку если вдруг, скиньте мне если время будет
Цитата
Сергей37 пишет:
Здесь файл http://allnorilsk.in/scrolltopcontrol.zip , скачай его. В нём скрипт и картинка
Папку scrolltopcontrol устанавливаешь в папку где все js скрипты стоят. А можно в любую другую папку, как захочешь.
В шаблоне надо между <неад> и </неад> поставить дорогу к этой папке.
У меня это выглядит вот так
Код
 <script src="/templates/_default_/js/scrolltopcontrol/scrolltopcontrol.js" type="text/javascript"></script>
  

Вы прописываете свою дорогу.
Потом открываете сам скрипт: scrolltopcontrol.js, в нём находите строчку:
Код
 <img src="templates/_default_/js/scrolltopcontrol/scroll_icon.png" />
  

Меняете на свою дорогу к скрипту. scroll_icon.png это изображение кнопки, меняете изображение на какое хотите( не забудьте изменить название кнопки в скрипте). Открываем сайт, улыбаемся, радуемся...
P.S. Найдете прикольную кнопку если вдруг, скиньте мне если время будет
Очень интересно, через пару часиков начну пробовать !!! По результатам отпишусь.
Сергей37, 
Цитата
Посмотрите здесь http://lr-bytik.ru/ 
 Понравился нижний скроллер, подскажите  как его вставить и где взять
Страницы: 1 2 3 4 5 6 След.
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
09:54 Одновременно пропал трафик с гугл и яндекса 
21:10 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 
16:39 Партнерская программа OWNR WALLET 
15:11 Adtrafico - Правильная партнёрская сеть под бурж трафик 
11:50 Очень много 404 ошибок в вэбмастере!? 
03:48 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг 
22:55 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 
19:19 Ural-obmen.ru — выгодный сервис обмена 
19:04 Obama.ru - безопасный обмен криптовалют и электронных денежных средств 
12:17 Coin Click.cc - Быстрый и надежный обмен электронных валют в два клика 
11:51 Google Voice - OLD аккаунты "SMS и звонки" 
17:08 TELEGRAM SOFT Gods\Expert - Многоцелевой комбайн по работе с телеграмм 
16:44 Сервис валидации e-mail баз 
16:09 Прием платежей для HIGH RISK | Прием платежей без сайта 
02:46 Точные прогнозы на футбол 
12:04 Как получить рефералов и посетителей на сайт бесплатно. 
18:31 Видимо, похороны СУПРа уже прошли как-то по-тихому 
12:48 Каспкрски ОС 
11:21 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди 
14:41 Бесплатный мини-аудит юзабилити и конверсии + технический SEO-аудит в подарок 
15:24 Добро пожаловать в цифровой мир...