0

我有一个 div，其中有很多元素跨越 div 的长度，所以我想在 div 旁边放一个箭头，这样当我将鼠标移到图像上时，div 的内容会滚动

<div id="image"> go down  </div>
<div id="container">
    <div><a name=""></a> One </div>
    <div><a name=""></a> two </div>
    <div><a name=""></a> three </div>
    <div><a name=""></a> four </div>
    <div><a name=""></a> five </div>
    <div><a name=""></a> Six </div>
    <div><a name=""></a> Seven </div>
    <div><a name=""></a> eight </div>
    <div><a name=""></a> nine </div>
    <div><a name=""></a> ten </div>
    <div><a name=""></a> eleven </div>
    <div><a name=""></a> twelve </div>    

</div>​
4

2 回答 2

5

把它放在你的java脚本中..

$('#image').hover(function(){
    $('#container').animate({ 
        scrollTop: $('#container')[0].scrollHeight 
    }, 1000);
});​
于 2013-11-15T08:49:11.463 回答
2

您可以尝试 scrollTo 方法。

<html>
<head>
<script>
function scrollWindow()
  {
  window.scrollTo(100,500);// 
  }
</script>
</head>
<body>

<input type="button" onmouseover="scrollWindow()" value="Scroll">
<p>SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL</p>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<p>SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL</p>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<p>SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL</p>

</body>

或者

你可以使用jquery

$('#hover').hover(function(){
    $('#container').animate({ 
        scrollTop: $('#container')[0].scrollHeight 
    }, 1000);
});​
于 2013-11-15T08:53:04.983 回答