Подскажите как сделать кнопку вверх на сайт
Страницы: 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)
Новые темыОбъявленияСвободное общение
15:04 Редирект на мобильных. Айболит и сканеры молчат 
14:57 как оплатить claude и gpt-5 из рф в 2026 чтобы не забанили через три дня 
14:36 Ворд Пресс (или его шаблон) перестал отображать <b> болд жирный 
14:31 Robots txt 
12:18 С чего сейчас проще начать? 
02:14 MAX попер в бурж: 40 стран, ведение каналов и горы дешевого трафика 
22:19 Телега на ручнике: РКН включил замедление и логи админок покраснели 
16:13 EM24.biz - обмен валют 
15:22 Авито аккаунты ИП и физик 
14:45 Belurk — высокоскоростные анонимные прокси от 0,24 рублей 
14:22 Продажа аккаунтов HH.RU 
12:29 От $0.015 за IP | $0.68 за ГБ | 9PROXY.COM | 20+ млн резидентных прокси | 99,95% аптайм | Без чёрных списков 
11:22 BestChange – обменивать электронную валюту можно быстро и выгодно 
11:00 WordChecker Extension - браузерное расширение для проверки позиций в Яндексе 
16:49 8 марта: желаю аптайма 99.9% и e-e-a-t без локов 
15:27 молодильные яблоки и живая вода 
13:54 Актуально для тех кто хочет заработать в интернете 
13:53 Панель Кнопки соцсетей 
13:31 Ставки на супер тренды в спорте 
02:27 Точные прогнозы на футбол 
21:46 блокировка youtube 2026: ркн начинает «выдавливание». кто уже пробовал вк видео?