Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 22.05.2021, 13:30
Аспирант
Отправить личное сообщение для jurvrn Посмотреть профиль Найти все сообщения от jurvrn
 
Регистрация: 04.04.2021
Сообщений: 52

Показывать элемент если страница находится не в начальной позиции
По скролу-вниз открывается верхний бар. Но если происходит перезагрузка страницы когда она находится по-середине, то этот верхний бар не показывается. То есть мой скрипт реагирует только на скрол страницы из её высшего положения.
Надо чтобы при перезагрузке страницы, и если страница открылась не в высшей позиции - скрытая панель появлялась.
Код:
https://codepen.io/intersk/pen/Poppmgr

Последний раз редактировалось jurvrn, 22.05.2021 в 15:29.
Ответить с цитированием
  #2 (permalink)  
Старый 22.05.2021, 16:52
Аватар для Белый шум
Профессор
Отправить личное сообщение для Белый шум Посмотреть профиль Найти все сообщения от Белый шум
 
Регистрация: 19.01.2012
Сообщений: 505

jurvrn,
jQuery(document).trigger("scroll");
Ответить с цитированием
  #3 (permalink)  
Старый 22.05.2021, 21:30
Аспирант
Отправить личное сообщение для jurvrn Посмотреть профиль Найти все сообщения от jurvrn
 
Регистрация: 04.04.2021
Сообщений: 52

Белый шум,
понял, просто дополнить код, работает, спасибо
Ответить с цитированием
  #4 (permalink)  
Старый 23.05.2021, 13:08
Аспирант
Отправить личное сообщение для jurvrn Посмотреть профиль Найти все сообщения от jurvrn
 
Регистрация: 04.04.2021
Сообщений: 52

Белый шум,
P.S. не срабатывает на телефоне в Firefox
и хотелось бы что бы в мобильной версии эта панель появлялась снизу

Последний раз редактировалось jurvrn, 23.05.2021 в 13:12.
Ответить с цитированием
  #5 (permalink)  
Старый 23.05.2021, 15:36
Аватар для Белый шум
Профессор
Отправить личное сообщение для Белый шум Посмотреть профиль Найти все сообщения от Белый шум
 
Регистрация: 19.01.2012
Сообщений: 505

jurvrn,
Должен срабатывать при условии, что выполняется после загрузки библиотеки jQuery и подключения обработчика scroll. И при отсутствии ошибок/конфликтов.
Я не спец по мобильным версиям, так что больше ничего подсказать не смогу
Ответить с цитированием
  #6 (permalink)  
Старый 23.05.2021, 16:00
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

jurvrn,
jQuery(function (f) {
    var element = f("#workman-top");
    f(window).on("scroll touchmove",function (event) {
        var limit = event.type == "scroll" ? 100 : 300;
        element["fade" + (f(this).scrollTop() > limit ? "In" : "Out")](300);
    }).trigger("scroll");
});

Последний раз редактировалось рони, 23.05.2021 в 19:10.
Ответить с цитированием
  #7 (permalink)  
Старый 23.05.2021, 18:43
Аспирант
Отправить личное сообщение для jurvrn Посмотреть профиль Найти все сообщения от jurvrn
 
Регистрация: 04.04.2021
Сообщений: 52

Белый шум,
ну сам основной код работает, но при перезагрузки страницы на середине её высоты панель не появлялась.
как поянил Рони в мобильных браузерах надо вызывать по-особенному
рони,
вы как всегда всё усложнили - два триггера в основном модуле )
спасибо
P.S. для мобильного стиля (задал через медиа-запрос) могу изменить положение на bottom. НО мне ещё нужно чтобы панель внизу страницы на телефоне появлялась при скроле не таком как для обычной страницы в 100px, а 300 например.

Последний раз редактировалось jurvrn, 23.05.2021 в 18:48.
Ответить с цитированием
  #8 (permalink)  
Старый 23.05.2021, 19:11
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

Сообщение от jurvrn
300 например.
смотрите снова #6
Ответить с цитированием
  #9 (permalink)  
Старый 23.05.2021, 21:01
Аспирант
Отправить личное сообщение для jurvrn Посмотреть профиль Найти все сообщения от jurvrn
 
Регистрация: 04.04.2021
Сообщений: 52

рони,
Вы это имеете в виду?
"scroll" ? 100 : 300;

На компьютере элемент будет появляться при прокрутке страницы на 100, а на телефоне на 300?
Ответить с цитированием
  #10 (permalink)  
Старый 23.05.2021, 21:11
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

jurvrn,
а проверить?
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
как сделать чтобы скрипт не спотыкался если какой то элемент не находит на странице? денис77447327 Общие вопросы Javascript 1 04.10.2017 17:10
Как найти нужный элемент страницы и кликнуть если он имеет тока класс... Александр_1997 Events/DOM/Window 3 18.01.2014 14:34
Добавить элементу аттрибут, если другой элемент содержит текст Yan.Total jQuery 7 07.10.2013 15:17
Не находится элемент top jQuery 4 20.01.2012 23:50
Отображение времени на сайте если человек находится в другом поясе. alex244_97 Я не знаю javascript 2 20.05.2009 19:42