Я работаю над проектом, который включает три прокручиваемых div, содержащих несколько абзацев текста. Некоторые абзацы в текстах могут быть слабо связаны друг с другом. Я бы хотел, чтобы, если читатель прокручивается до определенного абзаца, скажем, первого div, остальные два divs автоматически прокручиваются до соответствующих абзацев в текстах, которые они содержат. Таким образом, три абзаца будут отображаться сразу, в то время как читатель может решить для себя, какой div/текст он хочет исследовать дальше, прокручивая вниз. Можно ли это сделать с помощью плагина JQuery и как его реализовать?
Заранее большое спасибо!
EDIT: У меня есть некоторые базовые знания HTML/CSS, но я новичок в jQuery.
Это вполне возможно с помощью jQuery (без плагина), и для этого вам, вероятно, потребуется обработать событие onscroll для каждого из div.
Вот простой JSFiddle, демонстрирующий приведенный ниже код:
$(document).ready(function() {
$('.ScrollingDiv').scroll(function() {
var CurScrollHeight = $(this).scrollTop();
//alert('in scroll');
$('.ScrollingDiv').each(function() {
//alert('in each');
$(this).scrollTop(CurScrollHeight);
});
});
});
Этот код применяет обработчик к функции onscroll каждого элемента с классом ScrollingDiv
на странице, когда один из элементов прокручивает его, он найдет все остальные элементы и установит высоту прокрутки одинаковой.
То, что вам нужно будет сделать для вашей ситуации, - это способ определить высоту прокрутки, необходимую для просмотра абзацев в каждом div, то есть 1-й div может составлять 200px height, 2-я может быть 400px height, 3-я - высота 150px и т.д...
Если у вас есть это, просто измените код, который я предоставил, чтобы он соответствовал вашим функциям. Вам, вероятно, потребуется установить идентификатор div и найти отдельные элементы и получить правильную высоту для требуемых абзацев.