X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Плавный переход к якорю, Помогите разобраться в коде
Linkoln
Linkoln
Topic Starter сообщение 12.5.2014, 15:13; Ответить: Linkoln
Сообщение #1


Здравствуйте. Ещё давно я хотел сделать в новости ссылку, которая бы отправляла посетителей вниз страницы, где находятся ссылки на скачивание файла. С созданием якоря проблем не возникло. Только этот якорь перемещает пользователя на нужный участок мгновенно, а мне надо, чтобы эта прокрутка была плавной (чтобы пользователь не терялся от резкой смены обстановки). Вообщем когда то давно я на это дело забил, а сейчас решил всё-таки докопаться до истины и наконец-то настроить эту злосчастную плавную прокрутку.

Имеется такой код:

1. Ссылка - проводник.
Код
<a href="#load">скачать игру</a>


2. Якорь.
Код
<a name="load">ссылки для скачивания</a>


3. Такой скрипт, который я откопал на одном из порталов.
Код
<script type="text/javascript">
$(document).ready(function() {
   $('a[href^="#"]').click(function () {
     elementClick = $(this).attr("href");
     destination = $(elementClick).offset().top;
     if($.browser.safari){
       $('body').animate( { scrollTop: destination }, 1100 );
     }else{
       $('html').animate( { scrollTop: destination }, 1100 );
     }
     return false;
   });
});
</script>


Этот скрипт я вставляю в библиотеку .js. Она подключена к шаблону - это 100%.
После всех этих манипуляций, ничего не происходит. В смысле, перенос есть, но он мгновенный.

Господа профессионалы! Помогите разобраться с этой ерундой :)
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
SikvekGroup
SikvekGroup
сообщение 12.5.2014, 15:47; Ответить: SikvekGroup
Сообщение #2


Самое главное забыл))) Обязательно нужно в тэгах <head>...</head> подключить саму библиотеку jQuery :rolleyes:


--------------------
Создание и продвижение сайтов - СиквелГрупп
RAPHost - Надёжный хостинг
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Linkoln
Linkoln
Topic Starter сообщение 12.5.2014, 16:13; Ответить: Linkoln
Сообщение #3


Цитата(Linkoln @ 12.5.2014, 17:13) *
Она подключена к шаблону - это 100%.


Повнимательней, товарищи -_-
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Tollun
Tollun
сообщение 12.5.2014, 16:31; Ответить: Tollun
Сообщение #4


Цитата(Linkoln @ 12.5.2014, 23:13) *
Повнимательней, товарищи -_-

Про то, что Вы подключили jquery ни слова
Цитата
Этот скрипт я вставляю в библиотеку .js. Она подключена к шаблону - это 100%.

Какую библиотеку? Если под этим Вы подразумеваете jquery - то надеюсь вставили не как написали, т.е. без <script...></script>

Код
$(function(){
   $('a[href^="#"]').click(function(){
        var elementClick = $(this).attr('href');
        $('html, body').animate({scrollTop: $(elementClick).offset().top}, 1100);
        return false;
   });
});


Сообщение отредактировал Tollun - 12.5.2014, 16:38


--------------------
«CMS партнёрского магазина под AliExpress»
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Linkoln
Linkoln
Topic Starter сообщение 13.5.2014, 7:27; Ответить: Linkoln
Сообщение #5


Tollun, Не работает. И в .js, и в шаблон ставил, в шаблон со скриптом, в библиотеку, без.
Наверно с самом коде ошибка. Или может там переменную надо прописывать? Есть соображения?

Сообщение отредактировал Linkoln - 13.5.2014, 7:27
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
x64
x64
сообщение 13.5.2014, 8:17; Ответить: x64
Сообщение #6


1. <a name заменить на <a id
2. не существует переменной $.browser (чего уж говорить о $.browser.safari), она была признана устаревшей в версии jQuery 1.3 и исключена в 1.9
можно либо использовать более старую версию, либо подключить Migrate Plugin


--------------------
‼

Разместить здесь свою подпись‼


Поблагодарили: (1)
Linkoln
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Linkoln
Linkoln
Topic Starter сообщение 13.5.2014, 9:59; Ответить: Linkoln
Сообщение #7


Цитата(x64 @ 13.5.2014, 10:17) *
1. <a name заменить на <a id

Помогло! Большое человеческое спасибо :)

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
« Предыдущая тема · Вопросы от новичков · Следующая тема »
 
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыРекламная сеть RedClick - отличный доход с Ваших сайтов + Трафик от 40 коп/переход
 184 RedSupport 51378 11.1.2018, 20:56
автор: OmarSK
Открытая тема (нет новых ответов) Доработка скрипта Javascript, переход на другую страницу
 2 Пират_hb 3920 10.10.2014, 20:24
автор: -Winns-
Открытая тема (нет новых ответов) При входе на сайт срабатывает переход на другой сайт
движок дле
 7 ramazanaman 4413 8.10.2012, 13:52
автор: Coppermine
Открытая тема (нет новых ответов) Помогите убрать переход к файлу
 2 Pikener 4164 31.7.2012, 16:12
автор: -cyber_ua-
Открытая тема (нет новых ответов) Переход в нужную часть страницы (не якорь!)
 0 fredi_hb 10216 4.9.2009, 11:00
автор: -fredi-


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 22.1.2021, 6:38

Дизайн

 
Форум IP.Board © 2021  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet