Intereting Posts
Как я могу выбрать элемент программно с помощью JavaScript? вызвать функцию после полной загрузки страницы включено / отключено – изменить цвет фона Заменяйте только один текстовый текст, с некоторым html, с помощью iframe Как перебирать все атрибуты в HTML-элементе? jquery только переключает один элемент без использования идентификаторов Нужно ли быть & amp; в мета-описании? Как я могу сделать свою горизонтальную навигационную панель выпадающим меню? Плавная карусель. Хотите, чтобы автовоспроизведение воспроизводило слайды один раз и остановилось jQuery – как отправить `post“ multipart / form-data` из формы и вызвать вашу функцию? Проверьте новую версию страницы, и если она существует, перезагрузите CSS-контент не работает Почему мой файловый скрипт php не перемещает файл? сохранить / экспортировать файл изображения из содержимого html? Множественный выбор в поле ввода

Запуск страницы в определенной точке прокрутки

Есть ли способ (с CSS3, JS или что-то среднее между ними), чтобы страница начиналась с определенной точки прокрутки вниз?

Я бы хотел, чтобы моя страница загружалась без заголовка, первоначально отображаемого при загрузке (это означает, что он находится выше фактического windows просмотра пользователя).

Есть простой / простой способ сделать это?

Вы можете использовать стандартный javascript: window.scroll(x, y) .

Это должно работать очень хорошо, учитывая, что вы будете делать это при onload , то есть окно должно начинаться с (0, 0). Играйте с (x, y) пока не получите свой заголовок в том положении, в котором вы довольны. Естественно, вам нужно будет изменить его в любое время, когда заголовок движется.

Пример:

  

Решение CSS

Если у вас есть id предоставленный div который содержит ваш контент после заголовка, вы можете, вероятно, загрузить страницу с таким URL-адресом, http://website.com/page#id .

Это приведет вас к точке, где присутствует div.

Решение Javascript

Вы можете использовать window.scroll(x,y) при загрузке страницы.

Это очень простые трюки:

  1. Создайте class смещения css и назначьте его телу

     .offset{ margin-top:-500px; } 

    Так что тело будет загружено с 500px смещением сверху

  2. Затем добавьте следующий код в тело

      
  3. затем с помощью jquery удалите class смещения, когда страница загружена

     $(document).ready(function(){ $(".row").removeClass("offset"); }); 

HTML – Именованные якоря

Вы также можете использовать старые добрые якоря. Определите именованный якорь, используя

  any text 

Это должно быть определено в точке, которая должна быть видна. Поскольку это можно увидеть даже в нижней части экрана, вам может потребоваться привязать немного ниже, чем требуется. Таким образом мы убедимся, что содержимое сверху, которое не нужно отображать, хорошо скрыто. Как только он будет определен для прокрутки вниз при загрузке страницы, URL-адрес должен начинаться с page.aspx # вместо page.aspx

 access within the same page access from outside the page 

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

Мне нужно решение, которое перескакивает через контейнер, независимо от размера / содержимого контейнера, и вот что я придумал:

HTML

 
Skip this content

CSS

 // Hide the content initially with display: none. .skip-me { display: none; } .unhide { display: block; } 

JS

 // Unhide the content and jump to the right place on the page at the same time function restoreAndSkipContent() { var hidden = document.querySelector('.skip-me'); hidden.classList.add('unhide'); window.scroll(0, hidden.offsetHeight); }; restoreAndSkipContent(); 

Рабочий демо здесь

Используйте Javascript window.scroll :

 $(window).scroll(function(){ if ($(this).scrollTop() > 100){ $('something').hide(); } else{ $j('something').show(); } });​ - $(window).scroll(function(){ if ($(this).scrollTop() > 100){ $('something').hide(); } else{ $j('something').show(); } });​ - $(window).scroll(function(){ if ($(this).scrollTop() > 100){ $('something').hide(); } else{ $j('something').show(); } });​ 

Использование javascript scrollBy . Чтобы этот метод работал, видимое свойство полосы прокрутки windows должно быть равно true. Поэтому убедитесь, что страница достаточно длинная, чтобы появилась вертикальная полоса прокрутки.

     
Some text
Some text 2

есть функция в jquery под названием .scroll (). Вы можете использовать эту функцию, чтобы ваш заголовок отображался только тогда, когда пользователь прокручивает сайт.