Javascript/css：使用按钮垂直滚动页面

实际上我有一个静态高度和100%宽度的div。当前该div有

溢出：auto

，因此有一个垂直滚动条

但是对于这个项目，有必要让这个div没有任何滚动条。所以我有两个按钮——一个在div顶部，另一个在末尾用于滚动。但直到现在，我还无法找到一个解决方案来使用这个按钮使div滚动（对于几个px或鼠标悬停时滚动）

（我通常使用jQuery，但无法使用它的

scrollTop（）

-Method）

---

所以请帮帮我

我希望

scrollTop

正是您想要的（尽管我会反对这种用户体验，除非真的是非标准的好理由）

它对我有用（）：

CSS:

HTML:

带jQuery的JavaScript：

jQuery(function($) {
  var theDiv;

  theDiv = $("#theDiv");
  fill();

  $("#btnDown").click(function() {
    theDiv.scrollTop(theDiv.scrollTop() + 10);
  });
  $("#btnUp").click(function() {
    var top = Math.max(theDiv.scrollTop() - 10, 0);
    theDiv.scrollTop(top);
  });

  function fill() {
    var n, s;

    s = "Line 0";
    for (n = 1; n < 20; ++n) {
      s += "<br>Line " + n;
    }
    theDiv.html(s);
  }
});

jQuery（函数（$）{
var theDiv；
theDiv=$（“#theDiv”）；
填充（）；
$（“#btnDown”）。单击（函数（）{
theDiv.scrollTop（theDiv.scrollTop（）+10）；
});
$（“#btnUp”）。单击（函数（）{
var top=Math.max（theDiv.scrollTop（）-10,0）；
第四，滚动顶部（顶部）；
});
函数fill（）{
var n，s；
s=“第0行”；
对于（n=1；n<20；++n）{
s+=“
行”+n；
}
html ;；
}
});

为什么不直接使用Page Up和Page Down键并隐藏滚动条？@Tom对我来说这不是一种直观的用法：为什么你不能使用

scrollTop（）

？（提示：发布您尝试过的代码）。@MxAgent:那么为什么要隐藏滚动条呢？你的想法与标准不一致…@Tom这里有一个类似的滚动解决方案：（点击印记）-但这是在flash中实现的-我需要这种css/JS滚动解决方案谢谢！这对我来说非常适合：）

<input id="btnDown" type="button" value="Down">
<input id="btnUp"   type="button" value="Up">
<div id="theDiv"></div>

jQuery(function($) {
  var theDiv;

  theDiv = $("#theDiv");
  fill();

  $("#btnDown").click(function() {
    theDiv.scrollTop(theDiv.scrollTop() + 10);
  });
  $("#btnUp").click(function() {
    var top = Math.max(theDiv.scrollTop() - 10, 0);
    theDiv.scrollTop(top);
  });

  function fill() {
    var n, s;

    s = "Line 0";
    for (n = 1; n < 20; ++n) {
      s += "<br>Line " + n;
    }
    theDiv.html(s);
  }
});