首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何向下滚动- JQuery

如何向下滚动- JQuery
EN

Stack Overflow用户
提问于 2012-09-29 13:22:30
回答 6查看 129K关注 0票数 24

我不是程序员,但我使用下面的代码将页面滚动到顶部。

我如何调整它使其向下滚动?

代码语言:javascript
复制
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>

<a class="btnMedio" href="javascript:;">
    <img src="http://desmond.imageshack.us/Himg41/scaled.php?server=41&filename=deixeseuemail.png&res=landing"/>
</a>

<script>
    $('.btnMedio').click(function(){
        $('html, body').animate({scrollTop:1000},'50');
    });
</script>
EN

回答 6

Stack Overflow用户

发布于 2012-09-29 13:24:51

代码语言:javascript
复制
$('.btnMedio').click(function(event) {
    // Preventing default action of the event
    event.preventDefault();
    // Getting the height of the document
    var n = $(document).height();
    $('html, body').animate({ scrollTop: n }, 50);
//                                       |    |
//                                       |    --- duration (milliseconds) 
//                                       ---- distance from the top
});
票数 55
EN

Stack Overflow用户

发布于 2012-09-29 13:34:17

试试这个:

代码语言:javascript
复制
window.scrollBy(0,180); // horizontal and vertical scroll increments
票数 21
EN

Stack Overflow用户

发布于 2013-03-13 00:24:13

这可以用来解决这个问题。

代码语言:javascript
复制
<div id='scrol'></div> 

在javascript中使用以下代码

代码语言:javascript
复制
jQuery("div#scrol").scrollTop(jQuery("div#scrol")[0].scrollHeight);
票数 9
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/12650170

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档