С Новым годом! Форум программистов, компьютерный форум, киберфорум
JavaScript для начинающих
Войти
Регистрация
Восстановить пароль
Карта форума Темы раздела Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.73/11: Рейтинг темы: голосов - 11, средняя оценка - 4.73
0 / 0 / 0
Регистрация: 27.03.2018
Сообщений: 194
1

Как прокрутить страницу на несколько пикселей вверх?

28.06.2021, 20:37. Показов 2009. Ответов 2
Метки нет (Все метки)

Author24 — интернет-сервис помощи студентам
При переходе по якорной ссылке браузер не до самого верха прокручивает страницу и остается небольшой отрезок от другой секции. Как сделать так, чтобы этого отрезка не было?
Пытался сделать это с помощью window.scrollBy, но не получилось его вписать в сам код пролистывания

Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
const anchors = document.querySelectorAll('a[href*="#"]')
 
    for (let anchor of anchors) {
        anchor.addEventListener("click", function(event) {
            event.preventDefault();
 
            const blockID = anchor.getAttribute('href')
            document.querySelector('' + blockID).scrollIntoView({
                behavior: "smooth",
                block: "start"
            })
        })
    }
Сам сайт ilyin1ib.beget.tech
Миниатюры
Как прокрутить страницу на несколько пикселей вверх?  
0
Лучшие ответы (1)
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
28.06.2021, 20:37
Ответы с готовыми решениями:

Как переместить Label1 к PictureBox1, а потом на несколько пикселей вверх?
Как в Visual Basic 2013 переместить Label1 на позицию PictureBox1?

Как прокрутить вверх окно выполнения программы?
Вот на скрине результат выполнения моей программы, но мне нужно еще посмотреть то, что находится...

Прокрутка на jQuery: прокрутить на 60 пикселей выше, чем элемент с нужным id
Есть код прокрутки до нужного id Как сделать чтобы прокручивалось выше на 60 пикселей до id ? ...

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

2
Эксперт JS
2463 / 1769 / 625
Регистрация: 11.07.2016
Сообщений: 4,067
29.06.2021, 00:35 2
Насколько я могу судить по скроллбару на скриншоте - страница у вас прокручена до максимума наверх...
0
Эксперт JS
2463 / 1769 / 625
Регистрация: 11.07.2016
Сообщений: 4,067
29.06.2021, 00:40 3
Лучший ответ Сообщение было отмечено Tempest999 как решение

Решение

В общем, происходит у вас так потому что блок #main сдвинут вниз на одну строчку из-за лишних символов в разметке (см. скриншот). Удалите их.
Миниатюры
Как прокрутить страницу на несколько пикселей вверх?  
0
29.06.2021, 00:40
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
29.06.2021, 00:40
Помогаю со студенческими работами здесь

Как прокрутить страницу так, что бы курсор был в центре экрана?
Как прокрутить страницу так, что бы курсор был в центре экрана?

Какой функцией прокрутить полосу прокрутки на 1 строку вниз/вверх?
какой функцией прокрутить полосу прокрутки на 1 строку вниз/вверх?

При прокрутке вниз блок убирается а если прокрутить вверх то появляется
Вот на сайте http://samsonos.com шапка так организована как сделать что б убиралась шапка если...

Поднять картинку на десять пикселей вверх
Добрый день, подскажите как программно поднять картинку? Допустим на 10 пикселей на верх или...

Как убрать разницу в несколько пикселей в браузерах
Привет! Сверстал сайт, но меня не устраивает то что в разных браузерах идет разница в 1 -3 пикселя...

Как сделать движущуюся вверх или вниз непрерывную страницу в Label?
Как сделать движущуюся вверх или вниз непрерывную страницу в Label


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

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Telegram бот на C#
InfoMaster 08.01.2025
Разработка ботов для Telegram стала неотъемлемой частью современной экосистемы мессенджеров. C# предоставляет мощный и удобный инструментарий для создания разнообразных ботов, от простых. . .
Использование GraphQL в Go (Golang)
InfoMaster 08.01.2025
Go (Golang) является одним из наиболее популярных языков программирования, используемых для создания высокопроизводительных серверных приложений. Его архитектурные особенности и встроенные. . .
Что лучше использовать при создании класса в Java: сеттеры или конструктор?
Alexander-7 08.01.2025
Вопрос подробнее: На вопрос: «Когда одновременно создаются конструктор и сеттеры в классе – это нормально?» куратор уточнил: «Ваш класс может вообще не иметь сеттеров, а только конструктор и геттеры. . .
Как работать с GraphQL на TypeScript
InfoMaster 08.01.2025
Введение в GraphQL и TypeScript В современной разработке веб-приложений GraphQL стал мощным инструментом для создания гибких и эффективных API. В сочетании с TypeScript, эта технология. . .
Счётчик на базе сумматоров + регистров и генератора сигналов согласования.
Hrethgir 07.01.2025
Создан с целью проверки скорости асинхронной логики: ранее описанного сумматора и предополагаемых fast регистров. Регистры созданы на базе ранее описанного, предполагаемого fast триггера. То-есть. . .
Как перейти с Options API на Composition API в Vue.js
BasicMan 06.01.2025
Почему переход на Composition API актуален В мире современной веб-разработки фреймворк Vue. js продолжает эволюционировать, предлагая разработчикам все более совершенные инструменты для создания. . .
Архитектура современных процессоров
inter-admin 06.01.2025
Процессор (центральный процессор, ЦП) является основным вычислительным устройством компьютера, которое выполняет обработку данных и управляет работой всех остальных компонентов системы. Архитектура. . .
История создания реляционной модели баз данных, правила Кодда
Programming 06.01.2025
Предпосылки создания реляционной модели В конце 1960-х годов компьютерная индустрия столкнулась с серьезными проблемами в области управления данными. Существовавшие на тот момент модели данных -. . .
Полезные поделки на Arduino, которые можно сделать самому
raxper 06.01.2025
Arduino как платформа для творчества Arduino представляет собой удивительную платформу для технического творчества, которая открывает безграничные возможности для создания уникальных проектов. Эта. . .
Подборка решений задач на Python
IT_Exp 06.01.2025
Целью данной подборки является предоставление возможности ознакомиться с различными задачами и их решениями на Python, что может быть полезно как для начинающих, так и для опытных программистов. . . .
С чего начать программировать микроконтроллер­­ы
raxper 06.01.2025
Введение в мир микроконтроллеров Микроконтроллеры стали неотъемлемой частью современного мира, окружая нас повсюду: от простых бытовых приборов до сложных промышленных систем. Эти маленькие. . .
Из чего собрать игровой компьютер
inter-admin 06.01.2025
Сборка игрового компьютера требует особого внимания к выбору комплектующих и их совместимости. Правильно собранный игровой ПК не только обеспечивает комфортный геймплей в современных играх, но и. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru