我試圖在按鍵上實作這一點，頁面根據焦點 div 滾動，目前，按鍵正確滾動通過 div，但我需要實作的是頁面與焦點專案一起滾動。目前它落后了。前幾項很好，但隨后聚焦的 div 比頁面上顯示的要低。
以下是我正在使用的代碼片段：
這將獲得按鍵并在不需要滾動的頁面上正常作業（少于螢屏的內容）：
<script>
$('.focused').focus();
$(document).keydown(function(e){
if (e.keyCode == 38) { // left
if($('.focused').prev('.focusable').length)
$('.focused').removeClass('focused').prev('.focusable').focus().addClass('focused');
}
if (e.keyCode == 40) { // right
if($('.focused').next('.focusable').length)
$('.focused').removeClass('focused').next('.focusable').focus().addClass('focused');
}
if (e.keyCode == 8) {
window.history.back();
}
});
</script>
這些是元素（第一個被設定為focused其他元素不是，按鍵回圈通過它們）。
<div class="col-lg-4 col-md-6 focusable focused">
<a href="/items" class="listing-item-container compact">
<div class="listing-item">
<img src=items.jpg">
<div class="listing-item-content">
<h3>' . $content . '</h3>
</div>
</div>
</a>
</div>
<div class="col-lg-4 col-md-6 focusable">
<a href="/items" class="listing-item-container compact">
<div class="listing-item">
<img src=items.jpg">
<div class="listing-item-content">
<h3>' . $content . '</h3>
</div>
</div>
</a>
</div>
每頁上有許多（最多 20 個）div。
我不確定如何讓頁面向下滾動到足以顯示焦點 div。
任何幫助，將不勝感激。謝謝。
uj5u.com熱心網友回復：
你可以使用html！
選擇要滾動的位置。例如一個div。將 id 添加到 div。
<div id="exampleId">
使用 a 標簽滾動 div。在標簽href部分，寫下你想用#包裝的div的id。
<a href="#exampleId">Scroll Me To The Example Div !</a>
是的，現在單擊此鏈接會將您滾動到 ID 為 exampleId 的 div。您可以將可選的標簽塑造成一個按鈕。
uj5u.com熱心網友回復：
像這樣使用
const scrolldown = () => {
const btn = document.querySelector("#sections");
btn.scrollBy({ left: 200, behavior: "smooth" });
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/420907.html
標籤：
下一篇：如何從視野中移除變數