我有一个高度有限的DIV，并且有一个可滚动的溢出。我想添加两个手动滚动链接，当它们被单击时，DIV内的内容向上或向下滚动。
CSS
#inner {
max-height: 400px;
overflow: scroll;
}
JS
function scrolldown() {
document.getElementById('#inner').scrollTop -= 10;
}
function scrollup() {
document.getElementById('#inner').scrollTop += 10;
}
HTML
<div id="inner">
Looooong content here
</div>
<a href="#" onClick="return false" onmousedown="javascript:scrollup();">
<img src="up.png"/>
</a>
<a href="#" onClick="return false" onmousedown="javascript:scrolldown();">
<img src="down.png"/>
</a>
然而，它并没有真正起作用......
你不能在getElementById中使用CSS选择器。
function scrolldown() {
document.getElementById('inner').scrollTop -= 10;
}
function scrollup() {
document.getElementById('inner').scrollTop += 10;
}
你使用了双选择器，getElementById在其参数中不需要#。如果你把javascript放在<head>标签之间它应该工作正常。
function scrolldown() {
document.getElementById('inner').scrollTop -= 10;
}
function scrollup() {
document.getElementById('inner').scrollTop += 10;
}