javascript - 如何设置页面加载时的可滚动区域？

Question

当我尝试在线搜索此内容时，我得到了尝试以编程方式滚动网页的人的结果。那不是我的使命。我有一个website我浏览到，然后尝试使用键盘向上/向下或向上/向下箭头滚动，但直到我单击主内容 Pane (div.main-content) 后才会滚动右边。

我的问题是，我应该在页面底部(或者可能在 jQuery 文档加载事件的末尾)的 JavaScript 中编写什么，以使其成为滚动 div？我尝试了 $('.main-content').focus()，但这似乎不起作用。

Answer 1

大多数浏览器不允许您集中任意元素，甚至是可滚动的元素。尝试使用 tabIndex属性/属性。

以下示例将 tabIndex 属性/属性设置为默认值(如果尚未设置)。

var $mainContent = $('.main-content');
$mainContent.prop('tabIndex', $mainContent.prop('tabIndex'));
$mainContent.focus();

.main-content {
  width: 100px;
  height: 100px;
  border: 1px solid black;
  overflow: scroll;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="main-content">
  <p>blah</p>
  <p>blah</p>
  <p>blah</p>
  <p>blah</p>
  <p>blah</p>
  <p>blah</p>
  <p>blah</p>
  <p>blah</p>
  <p>blah</p>
</div>