Подскажите как сделать кнопку вверх на сайт
Страницы: 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)
Новые темыОбъявленияСвободное общение
21:37 01.02. Апдейт 31.01 // Chrome готовит "чёрную метку" для ИИ? 
19:27 Плагин ответа 
19:20 SEO под нейро 
19:16 Дзен окончательно всё? Или у кого-то еще «стреляет» белый контент? 
19:13 РСЯ и тормоза сайта: Яндекс начал штрафовать за плохой PageSpeed? 
19:10 Трафик пробил дно? Худший январь за 10 лет и внезапный рост продаж с Bing 
15:50 Яндекс туда же: "Нейро" отжал 50% первого экрана. Органический трафик падает 
01:56 В топ1 за 3-5 дней НЕПФ 
00:47 Swapwatch.org — Мониторинг криптовалютных обменников 
18:39 SellBuycoin.io - надежный проводник в мир обмена криптовалют на фиат и наличные по РФ! 
17:25 SMS.PRO - площадка для продажи твоих номеров 
16:14 Все услуги в Телеграм 
14:16 Nexulume.com Обменник без AML и KYC 
13:43 Anonflare - Приватные IPv4 прокси от 0.39 USD 
05:45 [AI] Бот за $600к советовал есть сыр с крысами. Нью-Йорк его (наконец-то) снес 
05:23 Точные прогнозы на футбол 
01:02 Ставки на супер тренды в спорте 
15:38 Осталось 3-5 месяцев до блокировки YouTube в России, — заявил Клименко 
17:02 Gartner обещал смерть SEO к 2026 году. Открываем метрику и проверяем 
08:25 Отвратительное поведение 
11:00 Кто может дать инвайт на WebMasters?