Question

我不知道如何描述我的担忧，这就是为什么我在谷歌上找不到任何东西。我想画一个div立即专注于页面调用，如果你按下滚轮也滚动这个div。无论您是将鼠标放在div还是外面。

抱歉，我的英文不好，谷歌翻译......尴尬^ _ ^

更新：https://github.com/brandonaaron/jquery-mousewheel谢谢...那可以在所有浏览器上运行，但不适用于ipad ...是否可以在ipad上使用？ -

Answer 1

如果你想滚动div，即使鼠标在页面上的其他地方也可以试试这个插件https://github.com/brandonaaron/jquery-mousewheel。这是一个假设您的div具有内容id的示例：

$(function() {
    var $target = $('#content');
    $("body").mousewheel(function(event, delta) {
      $target.scrollTop($target.scrollTop() - (delta * 30));
      event.preventDefault();
   });
});

快速小提琴：http://jsfiddle.net/5h47wygo/

Answer 2

尝试使用JQuery。在准备好文档时，您将专注于div。您可以通过在css中设置overflow属性来使div可滚动。

JQuery的：

$(document).ready(function(){ $( "#scrollable_div" ).focus(); }

CSS：

#scrollable_div {
    overflow: scroll;
}

从任何地方滚动div

2 个答案: