Подскажите как сделать кнопку вверх на сайт
Страницы: 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)
Новые темыОбъявленияСвободное общение
13:54 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 
14:50 Индексация страниц 
12:36 У кого новостник, дайте пару советов плиз 
13:53 AviTool - мощный инструмент для автоматизации работы с Avito 
17:01 Absence в Армении 
23:19 Ребята подскажите какими сервисами и прогами вы пользуетесь для SEO продвижения? 
14:50 Какую выбрать тему/нишу для сайта? 
04:07 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 
18:46 Аккаунты Avito (юр.лица) 
18:09 Купим вечные ссылки (+статья) на наш проект 
16:29 AllCharge.online. Современный, быстрый и надёжный обменник 
15:36 Belurk — высокоскоростные анонимные прокси от 0,24 рублей 
14:45 Продам аккаунты Gmail USA IP | Gmail MIX IP | Outlook Old 
14:25 ✅ XMart — Безопасный маркетплейс аккаунтов Google, Hotmail, Outlook, GMX, Yandex и других 
19:42 Топ-5 способов использовать мобильные прокси для бизнеса: подробный обзор 
22:08 Накрутка поисковых подсказок 
05:04 Точные прогнозы на футбол 
14:01 Union Pharm - топовая фарма-партнерка для профессионалов! 
10:59 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди 
12:23 150+ хакерских поисковых систем и инструментов 
17:41 Стряхнуть обыденность - об Агасфере