从任何地方滚动一个 div答案

【问题标题】：Scroll a div from everywhere从任何地方滚动一个 div
【发布时间】：2014-10-13 16:41:54
【问题描述】：

我不知道如何描述我的担忧，这就是我在 Google 上找不到任何内容的原因。我想绘制一个 div 立即聚焦在页面调用上，如果你按下滚轮也可以滚动这个 div。无论你是用鼠标在 div 上还是在外面。

对不起，我的英语不好，谷歌翻译......尴尬^_^

更新：https://github.com/brandonaaron/jquery-mousewheel 谢谢...这在所有浏览器上都有效，但在 ipad 上无效...在 ipad 上可以吗？ ——

【问题讨论】：

您是否尝试过 CSS 中的 position:fixed 属性。
嘿，安迪.. 抱歉，我无法真正理解您的意思。也许一张图片，一些代码 sn-ps/jsfiddle 在您之前的尝试中会帮助我们更好地理解这里！ :)
你有没有看过ready、focus或scroll？

标签： javascript jquery html css scroll

【解决方案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/

【讨论】：

谢谢...这在所有浏览器上都有效，但在 ipad 上无效...在 ipad 上可以吗？

【解决方案2】：

尝试使用 JQuery。在准备好文档时，您将注意力集中在 div 上。您可以通过在 css 中设置溢出属性来使 div 可滚动。

jQuery:

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

CSS：

#scrollable_div {
    overflow: scroll;
}

【讨论】：

由于某种原因这对我不起作用。