Как сделать прокрутку двух таблиц одновременно, но прокрутка должна быть видна только для тела div

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

Я пробовал, но безуспешно. Есть ли способы сделать через CSS.

<div class = "Main">
   <div class = "header">
      <table></table>
  </div>
   <div class = "body" style = "overflow-x: auto">
      <table></table>
   </div>
<div>

тогда добавить overflow в главный div?

Hary 31.10.2018 13:53

покажи свой код css

לבני מלכה 31.10.2018 13:54

почему вы не можете присвоить свойство переполнения class = "Main"?

DPS 31.10.2018 13:58

Я использую clusterize js для ленивой загрузки. поэтому, когда мы используем переполнение для основного div, ленивая загрузка не будет работать, что означает, что следующий настроенный контент не будет загружаться.

klmuralimohan 31.10.2018 14:04

Есть ли какой-нибудь трюк, использующий css, чтобы сделать равным scollable для верхнего div.

klmuralimohan 31.10.2018 14:05

Добавить дочерний div к «Основному» div и добавить свойство переполнения к дочернему div?

Hary 31.10.2018 14:19

Я хочу отображать полосу прокрутки только для основного содержимого. Если я дам родительский div, полоса прокрутки будет видна из заголовка

klmuralimohan 31.10.2018 14:20
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
0
7
194
1

Ответы 1

Итак, вам нужна прокрутка для таблицы внутри тела div, и когда пользователь прокручивает ее, вы также хотите прокручивать заголовок div.

Если я прав до сих пор, то с CSS это невозможно, потому что прокрутка происходит только для выбранного элемента. Теперь вы можете сделать обе прокрутки вместе, если вы сделаете их родительский элемент как прокручиваемый, то есть div с классом главный.

Если вам все еще нужно такое же поведение, как вы ожидаете, для этого вам нужно использовать JS. Если у вас возникли проблемы с внедрением в JS, сообщите об этом. Ваше здоровье :)

Я знаю, что через Js это возможно, но ищу трюки CSS, если они есть

klmuralimohan 31.10.2018 14:15

Другие вопросы по теме