当点击一个元素时滚动滚动div内的内容

我有一个高度有限的DIV，并有一个可滚动的溢出。我想添加两个手动滚动链接，点击时，DIV内的内容向上或向下滚动。当点击一个元素时滚动滚动div内的内容

CSS

#inner { 
    max-height: 400px; 
    overflow: scroll; 
}

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>

但是它并没有真正的工作...

来源

2015-10-15 rainerbrunotte

不能在getElementById使用CSS选择器。

function scrolldown() { 
    document.getElementById('inner').scrollTop -= 10; 
} 
function scrollup() { 
    document.getElementById('inner').scrollTop += 10; 
}

来源

2015-10-15 09:27:03

您使用双选择，getElementById不需要在其参数的#。如果您将JavaScript放在<head>标签之间，它应该可以正常工作。

function scrolldown() { 
    document.getElementById('inner').scrollTop -= 10; 
} 
function scrollup() { 
    document.getElementById('inner').scrollTop += 10; 
}

来源

2015-10-15 09:38:47 Thaillie

当点击一个元素时滚动滚动div内的内容

回答

相关问题