На моей странице у меня есть два слоя (div) с горизонтальной прокруткой каждый ... как я могу это сделать при перемещении прокрутки, другой также перемещается для синхронизации вида обоих слоев?
1
задан Efrain Mejias C
17.07.2016, 22:31
Ссылка
Поскольку ты не помещаешь код в вопрос, я буду помещать пример того, как он договорился бы о том, чтобы синхронизировать два div
того же размера (хотя код масштабируемый в любое число div
s):
Идея состоит в том, чтобы помещать драйвер события scroll
в div
и когда он бросится, обновлять оставшуюся часть div
s с тем же количеством scroll. Это может делаться с scrollLeft()
(без параметров, чтобы читать стоимость div
в котором он был сделан scroll, и со стоимостью налаживать scroll других div
s):
$(".contenedor").on("scroll", function() {
$(".contenedor").scrollLeft($(this).scrollLeft());
});
.contenedor {
height:50px;
width:500px;
border:1px solid gray;
overflow:scroll;
}
.scroll {
width:1000px;
height:50px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="contenedor">
<div class="scroll"></div>
</div>
<div class="contenedor">
<div class="scroll"></div>
</div>
Не точно, каково твое намерение, и если я понял хорошо твой вопрос, но со мной случается, что ты помещаешь два divs внутри другого div, и что это последний, который ты двигаешь, так двинулись бы два одновременно.
в каждый div добавьте, что событие OnScroll, которое призывает к функции язык сценариев JavaScript, когда он существует dezplazamiento
эта - функции язык сценариев JavaScript
function ScrollCC() {
var cc = document.getElementById('cc');
var dg = document.getElementById('divGrid');
dg.scrollLeft = cc.scrollLeft;
}
, и другая
function ScrollDG() {
var cc = document.getElementById('cc');
var dg = document.getElementById('divGrid');
cc.scrollLeft = dg.scrollLeft;
}