Форум русской поддержки Joomla!® CMS
03.12.2016, 17:47:09 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Кнопка ВВЕРХ на HTML и CSS не работает на некоторы&

 (Прочитано 210 раз)
0 Пользователей и 1 Гость смотрят эту тему.
slepoy
Завсегдатай
*****

Репутация: +21/-0
Offline Offline

Сообщений: 703


Тотальная шизофазия


« : 22.05.2016, 04:16:10 »

Здравствуйте.

Опубликовал html-модуль с кодом кнопки "Вверх":
Код:
<a href="#" id="back-top-button"><span class="fa fa-arrow-circle-up"></span></a>
и CSS стилями:
Код
#back-top-button {
   font-size: 2.5em;
   position: fixed;
   bottom: 10px;
   right: 10px;
   cursor: pointer;
}

Работает, как и предполагалось, за исключением некоторых страниц JomSocial с ссылками вида (содержащие знаки ?, & или подобное):
http://crimson-land.ru/groups/viewdiscussion/580-kto-kak-umertvlyal-akvariumnykh-rybok?groupid=76
http://crimson-land.ru/photos/slepoy/album?albumid=5131
- перемещает в:
http://crimson-land.ru/groups
http://crimson-land.ru/photos
соответственно.

Что можно предпринять, чтобы избавиться от этого?
Переходить на нормальную кнопку выполненную на JS?

Спасибо.
Записан
kik84
Живу я здесь
******

Репутация: +59/-4
Offline Offline

Сообщений: 1307



« Ответ #1 : 22.05.2016, 09:30:58 »

На JS, и эффект будет лучше.
Записан
slepoy
Завсегдатай
*****

Репутация: +21/-0
Offline Offline

Сообщений: 703


Тотальная шизофазия


« Ответ #2 : 22.05.2016, 13:20:14 »

Изначально не хотелось подтягивать лишние скрипты (или расширения), но не думал, что в результате будут проблемы с некоторыми ссылками.
Опять же - не хочется устанавливать расширение. Хотелось бы обойти простым JS.
Записан
kik84
Живу я здесь
******

Репутация: +59/-4
Offline Offline

Сообщений: 1307



« Ответ #3 : 22.05.2016, 14:49:41 »

Изначально не хотелось подтягивать лишние скрипты (или расширения), но не думал, что в результате будут проблемы с некоторыми ссылками.
Опять же - не хочется устанавливать расширение. Хотелось бы обойти простым JS.

$(document).ready(function() {
$("a.scrollto").click(function () {
var elementClick = $(this).attr("href")
var destination = $(elementClick).offset().top;
jQuery("html:not(:animated),body:not(:animated)").animate({scrollTop: destination}, 800);
return false;
});
});
Записан
robert
Профи
********

Репутация: +343/-11
Offline Offline

Пол: Мужской
Сообщений: 3567


« Ответ #4 : 22.05.2016, 15:43:37 »

ТС, ваша кнопка - не "Вверх", а "Перезагрузка страницы".  Вот пример кнопок "Вверх" на HTML и JS.
Записан
slepoy
Завсегдатай
*****

Репутация: +21/-0
Offline Offline

Сообщений: 703


Тотальная шизофазия


« Ответ #5 : 04.08.2016, 11:06:43 »

Как оказалось, можно и просто откорректировать код кнопки (но нет плавной прокрутки, естественно):
Код:
<a onclick="window.scrollTo(0,0);return false;" id="back-top-button"><span class="fa fa-arrow-circle-up"></span></a>

Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet