Синхронизировать двухслойный вид (div) с горизонтальной прокруткой [закрыто]
На моей странице у меня есть два слоя (div) с горизонтальной прокруткой каждый ... как я могу это сделать при перемещении прокрутки, другой также перемещается для синхронизации вида обоих слоев? 
1
задан Efrain Mejias C
17.07.2016, 22:31
Ссылка
Поскольку ты не помещаешь код в вопрос, я буду помещать пример того, как он договорился бы о том, чтобы синхронизировать два div того же размера (хотя код масштабируемый в любое число divs):
Идея состоит в том, чтобы помещать драйвер события scroll в div и когда он бросится, обновлять оставшуюся часть divs с тем же количеством scroll. Это может делаться с scrollLeft() (без параметров, чтобы читать стоимость div в котором он был сделан scroll, и со стоимостью налаживать scroll других divs):
$(".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>-
1привет и спасибо Альваро Монторо... сосредоточись на этом я это вижу, что у div есть тот же class, не возможно делать в моем примере из-за q они различные..... не c смоги делать из-за id div??? – Efrain Mejias C 17.07.2016, 22:28
-
2я буду издавать мой вопрос. буду добавлять код – Efrain Mejias C 17.07.2016, 22:29
-
3хотя это exactmente идея... – Efrain Mejias C 17.07.2016, 22:34
-
4Измени классы на Селекторы и обязанность и # 237; чтобы функционировать равно – Alvaro Montoro♦ 17.07.2016, 22:49
-
5если бы ты смог быть немножко более графическим, я новый в этом.... – Efrain Mejias C 17.07.2016, 23:07
Не точно, каково твое намерение, и если я понял хорошо твой вопрос, но со мной случается, что ты помещаешь два divs внутри другого div, и что это последний, который ты двигаешь, так двинулись бы два одновременно.
-
1
в каждый 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;
}