Подскажите как сделать кнопку вверх на сайт
Страницы: 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)
Новые темыОбъявленияСвободное общение
10:44 AntiBot Cloud - бесплатный скрипт и сервис защиты сайтов 
16:33 Работаем в P2P платежах BYBIT | USDT - RUB , RUB - USDT | Ищем постоянных клиентов , выгодные условия. 
20:13 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 
19:41 25$ (ежемесячно) AdSense 
21:39 Подскажите где продвигать сайт. 
10:57 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг 
19:12 Мошенники-копирайтеры 
12:25 Продам Домены .COM с историей трафика. 
11:21 SpaceSwap.cc - Быстрый и надежный обменник криптовалют 
11:13 Coin Click.cc - Быстрый и надежный обмен электронных валют в два клика 
10:59 Продам аккаунт ФЛ за ~1 млн рублей ~11 лет, ~250 отзывов 
10:41 Платим за постинг по форумам, 3$ за тему. 
04:03 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 
03:04 A-Parser 1.1 - продвинутый парсер поисковых систем, Suggest, PR, DMOZ, Whois, etc 
03:34 Точные прогнозы на футбол 
22:39 Топ-5 способов использовать мобильные прокси для бизнеса: подробный обзор 
11:58 Куплю проигрышные букмекерские аккаунты 
11:58 Добро пожаловать в цифровой мир... 
00:12 Огородники 
10:59 Новости искусственного интеллекта 
04:26 Хром ругается на форум