我有一個巨大的表格，我想在其中引入資料滾動。我不想分成兩個表，而是同時滾動資料。這是 JSFiddle 及以下的簡化代碼：
uj5u.com熱心網友回復：
您需要使用scrollLeft()而不是scrollTop().
scrollLeft()用于水平滾動，而scrollTop()用于垂直滾動。
$(function() {
$('.linked').scroll(function() {
$('.linked').scrollLeft($(this).scrollLeft());
})
})#scrolling1 {
display: flex;
overflow: auto;
width: 100px;
background: yellow;
height: 50px;
align-items: center;
}
#scrolling2 {
display: flex;
overflow: auto;
width: 100px;
background: green;
height: 50px;
align-items: center;
}
.item {
display: flex;
flex: 0 0 40px;
background: red;
}<script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>
<table>
<tr>
<td>fixed</td>
<td>
<div id="scrolling1" class=" linked">
<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
<div class="item">4</div>
<div class="item">5</div>
</div>
</td>
</tr>
<tr>
<td>fixed</td>
<td>
<div id="scrolling2" class=" linked">
<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
<div class="item">4</div>
<div class="item">5</div>
</div>
</td>
</tr>
</table>轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/364564.html
標籤：javascript html 查询 css
下一篇：單擊并按住時將按鈕移動一些像素