以编程方式移动空格键滚动控件

时间:2016-03-11 20:21:24

标签: javascript google-chrome scroll scrollbar

在大多数浏览器中,滚动条会将整个页面滚动窗口。如果页面上有一个可滚动的div,单击它会使其聚焦,滚动条控制该内部div的分页。

是否可以通过编程方式强制空格键滚动特定的内部div而不是窗口?

在div上调用focus()似乎无法将滚动条控件传输给它。 (demo

这只需要支持Chrome。

2 个答案:

答案 0 :(得分:2)

如果你给div一个 tabindex 属性,它应该有效。

<div id="container" tabindex="1"></div>

它可以是任何数字,而不仅仅是 1

答案 1 :(得分:1)

你可以尝试这个(适合我):

ant -f "C:\\Users\\hackr\\Documents\\NetBeansProjects\\CodenameOne Hello World" -Dnb.internal.action.name=run run

我的代码在这两个方面与您的代码不同:

  1. 使用渐变对div进行focus() - 因为你想滚动IT,而不是它的父级

  2. 要能够专注于div,你必须设置它的tabindex属性 - 类似&#34; -10019000&#34; &#34; -5&#34; &#34; -1&#34; &#34; -1&#34; &#34; 0&#34; &#34; 1&#34; &#34; 5&#34; &#34; 10019000&#34;

  3. 您可以在此处阅读有关tabindex的更多信息,只需1-5分钟:

    https://developer.mozilla.org/ru/docs/Web/HTML/Global_attributes/tabindex

    http://www.w3schools.com/tags/att_global_tabindex.asp