Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/5: Рейтинг темы: голосов - 5, средняя оценка - 5.00
68 / 60 / 10
Регистрация: 07.03.2019
Сообщений: 657

страница прыгает вверх и вниз

18.05.2020, 13:36. Показов 1087. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Добрый день.

У меня есть страница на нем несколько div при нажатии на одной из них я скрываю текущий и показываю другой.
Таким образом не работает стандартная кнопка назад на компьютере, я нашел решение.

Что я делаю? При нажатии на блок я в url очищаю все после ? и дополняю ее.

И вот проблема здесь когда я нажимаю на кнопку назад все работает отлично скрывается текущий блок и выводится другой,
но при листании вниз страница прыгает вверх и вниз что очень раздражительно и через несколько секунд начинает уже нормально листать.

Допустим я нажал на кнопку фото

JavaScript
1
2
3
4
5
    $('..file_image').click(function(){
        footerToggle($('.mob_user_files'), 'Фотографии','<i class="glyphicon glyphicon-chevron-left"></i>','<i data-remodal-target="myfile" class="iconfiles glyphicon glyphicon-plus"></i>');
        btnHandler('punct=myimages');
        buttonback();
    });
Функция buttonback определяет нажатие кнопки назад и выводит другой div
функция btnHeadler меняет url
вот код
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
function buttonback() {
    var param_page = location.search.slice(location.search.indexOf('?')+1).split('&'),
    result = [];
    for(var i = 0; i<param_page.length; i++) {
        var res = param_page[i].split('=');
        result[res[0]] = res[1];
    }
    var href = result.punct;
    window.addEventListener("popstate", function(e) {
        if(href === 'myimages') {
            footerToggle($('.mob_user_page'),'','<b>Моя страница <i class="glyphicon glyphicon-chevron-down"></b>','');
            return;
        }
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
function btnHandler(text2) {
    let search = window.location.search;
    if (search[0] === "?") search = search.slice(1);
 
            let array = search.split("&");
            if (array[0] === "") array.length = 0;
 
            array = [];
            let insertedE = text2;
 
           /* let deletedIndex = array.indexOf(deletedE);
            if (deletedIndex >= 0)
                array.splice(deletedIndex, 1);
 
                */
            if (!array.includes(insertedE)) array.push(insertedE);
 
            let newUrl = new URL(window.location.href);
            newUrl.search = array.join("&");
            history.pushState(null, null, newUrl.href);
        }
Прошу помогите очень надо
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
18.05.2020, 13:36
Ответы с готовыми решениями:

Выполняется скрипт, но при этом страница прыгает вверх
Доброго времени суток, уважаемые форумчане. Я написал с Вашей помощью скрипт, который работает. Что он делает: открывает статью, если...

Прокрутить на пол экрана вверх (вниз)
подскажите пожалуйста, как

SlideToggle анимация вниз или вверх
Как сделать анимацию сворачивания slideToggle() не вниз, а вверх? Имеется две почти идентичные страницы, на которых присутствует кнопка с...

1
238 / 161 / 67
Регистрация: 18.06.2016
Сообщений: 509
19.05.2020, 11:51
Конкретно по данному коду не помогу для меня он читается сложновато это нужно копаться в редакторе, но есть онда штука, называется объект "history". Только я его сам никогда не юзал и потому не знаю подойдет ли он для этой задачи вообще. Суть в том, что у него есть свой стек как-бы, и при нажатии на элемент можно пушить туда, а при нажатии кнопки назад извлекать. Таким образом ходить туда сюда по одностраничнику.

Если он подходит для этой задачи, то код написанный выше можно будет сократить втрое, почитай про него.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
19.05.2020, 11:51
Помогаю со студенческими работами здесь

Анимация при скроллинге вниз и вверх
Добрый день. Помогите реализовать анимацию при прокрутке странице как вниз, так и вверх. Дело в том, что я обычно делал анимацию только...

Меню, вниз пропадает, вверх появляется
Ребят подскажите пожалуйста скрипт такой, есть меню, при прокрутке страницы в низ его нет, а при прокрутке в верх оно появляется, в...

Бургер меню должен открыватся вверх а не вниз
Доброго времени суток, с недавних пор начал изучать бутстрап, и появился очень интересный вопрос) Есть навбра (бургер меню), когда...

Навигация по таблице: вверх, вниз
Добрый день. Возник вопрос по поводу навигации в таблице с помощью стрелок, т.е. когда пользователь нажимает стрелочку вниз, то...

Событие скролл вниз/вверх
Доброго всем времени суток! Верстаю мобильную версию шаблона, решил добавить один элемент в самый низ экрана, аки в мобильных приложениях....


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Контроль заполнения и очистка дат в зависимости от значения перечислений
Maks 12.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .
Архитектура слоя интернета для сервера-слоя.
Hrethgir 11.04.2026
В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .
Подстановка значения реквизита справочника в табличную часть документа
Maks 10.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .
Очистка реквизитов документа при копировании
Maks 09.04.2026
Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий
anaschu 08.04.2026
https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI
Блокировка документа от изменений, если он открыт у другого пользователя
Maks 08.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .
Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка.
Hrethgir 08.04.2026
Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов.
anaschu 08.04.2026
работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru