移动到采用div的JavaScript的顶部位置 [英] Move to top position of div using javascript

问题描述

我一直在使用javascript.I开发PhoneGap的Andr​​oid应用程序需要使用JavaScript或jquery.How做this.Please亲切指导me.Thanks提前移动到div的顶部按钮点击。

下面是我的code：

  $（'＃toTop'）。点击（函数（）
{
$（'＃包装'）动画（{scrollTop的：0}，200）;
}）;＆LT; D​​IV ID =包装＆GT;＆LT; / DIV＆GT;
 

解决方案

$ yourElement.offset（）。顶部 到 scrollTop的属性。

  $（'＃toTop'）。点击（函数（）{
    VAR包装$ = $（'＃包装'）;
    $（窗口）.animate（{
        scrollTop的：包装$ .offset（）顶部
    }，200）;
}）;＆LT; D​​IV ID =包装＆GT;＆LT; / DIV＆GT;
 

我做了一个的 code例如 ，你可以用它玩了。

I have developed phonegap android app using javascript.I need to move to the top of div in button click using javascript or jquery.How to do this.Please kindly guide me.Thanks in advance.

Here is my code:

$('#toTop').click(function() 
{
$('#wrapper').animate({ scrollTop: 0 },200);
});

<div id="wrapper"></div>

解决方案

Assign $yourElement.offset().top to scrollTop property.

$('#toTop').click(function() {
    var wrapper$ = $('#wrapper');
    $(window).animate({
        scrollTop: wrapper$.offset().top
    }, 200);
});

<div id="wrapper"></div>

I've made a code example, you can play with it.

这篇关于移动到采用div的JavaScript的顶部位置的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！