Javascript jQuery动画Div滚动条
我有一个高度为Javascript jQuery动画Div滚动条,javascript,jquery,scroll,Javascript,Jquery,Scroll,我有一个高度为395px的Div，和overflowhidden，如下所示： <style> #content { width: 100%; height: 395px; overflow: hidden; } </style> <div id="content"> 1<br>2<br>3<br>4<br>......<br>29<b
395pxoverflowhidden<style>
#content {
width: 100%;
height: 395px;
overflow: hidden;
}
</style>
<div id="content">
1<br>2<br>3<br>4<br>......<br>29<br>30<br>
1<br>2<br>3<br>4<br>......<br>29<br>30<br>
</div>
<a href="#">UP</a>
<a href="#">DOWN</a>
#内容{
宽度：100%；
身高：395px；
溢出：隐藏；
}
1
2
3
4
29
30
1
2
3
4
29
30
按钮应该滚动的div的内容，但不是在鼠标上方，我想一个单一的点击滚动132px的高度和与EaseOutCubic。我发现了很多滚动条，但都是鼠标悬停的，我需要它们用鼠标点击来工作。你可以用这样的东西
<style>
#content {
width: 100%;
height: 395px;
overflow: scroll;
}
</style>
<div id="content">
1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>
11<br>12<br>13<br>14<br>15<br>16<br>17<br>18<br>19<br>20<br>
21<br>22<br>23<br>24<br>25<br>26<br>27<br>28<br>29<br>30<br>
1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>
11<br>12<br>13<br>14<br>15<br>16<br>17<br>18<br>19<br>20<br>
21<br>22<br>23<br>24<br>25<br>26<br>27<br>28<br>29<br>30<br>
</div>
<a href="#" class="up">UP</a>
<a href="#" class="up">DOWN</a>
<script type="text/javascript">
(jQuery.noConflict())(function($){
$('a.up').click(function(){
var newTop = $('#content').scrollTop() + 132;
//TODO: newtop not greater than height - 132
$('#content').animate({'scrollTop': newTop}, 250);
});
});
</script>
#内容{
宽度：100%；
身高：395px；
溢出：滚动；
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
（jQuery.noConflict（））（函数（$）{
$（'a.up'）。单击（函数（）{
var newTop=$（'#content'）.scrollTop（）+132；
//TODO:newtop不大于高度-132
$（'content'）。动画（{'scrollTop'：newTop}，250）；
});
});