Синхронизировать двухслойный вид (div) с горизонтальной прокруткой [закрыто]

На моей странице у меня есть два слоя (div) с горизонтальной прокруткой каждый ... как я могу это сделать при перемещении прокрутки, другой также перемещается для синхронизации вида обоих слоев? introducir la descripción de la imagen aquí

 

1
задан 17.07.2016, 22:31
3 ответа

Поскольку ты не помещаешь код в вопрос, я буду помещать пример того, как он договорился бы о том, чтобы синхронизировать два 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
ответ дан 24.11.2019, 13:49
  • 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, и что это последний, который ты двигаешь, так двинулись бы два одновременно.

0
ответ дан 24.11.2019, 13:49
  • 1
    идея состоит в том, чтобы делать это с javascript или jquery... – Efrain Mejias C 17.07.2016, 18:41

в каждый 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;
         }
0
ответ дан 24.11.2019, 13:49