Javascript 在Jquery中显示初始处于隐藏状态时向上滚动div？

我不熟悉jQuery

我想根据它的id显示一个div，在显示它的同时我需要向上滚动

div最初是隐藏的

我试着运行下面的代码，但它没有向上滚动，而是显示在页面底部，我需要向下滚动以查看div

html 谁能帮我修一下吗？提前感谢。

您只需使用

.slideToggle（）

更新：在获取

.show（）.offset（）.top

然后在滚动后隐藏并滑下（）

见示例：

$（文档）.ready（函数（）{
$（“#registerDiv”）.hide（）；
$（“#注册”）。单击（函数（）{
var dt=$（“#registerDiv”）.show（）.offset（）.top
$（“#registerDiv”）.hide（）；
$（'html，body'）。设置动画({
滚动顶端：dt
},
'慢'，函数（）{
$（“#registerDiv”）.slideDown（）；
});
});
});





以前的一些事件

以前的一些事件

以前的一些事件

以前的一些事件

以前的一些事件

单击时显示此部分的内容
之后的一些事件

之后的一些事件

之后的一些事件

之后的一些事件

之后的一些事件

之后的一些事件

之后的一些事件

在
之后的一些测试给了你大致的想法。现在取决于你如何使用你的逻辑技能。快乐编码：）



赎回


我在上面
$（文档）.ready（函数（）{
$（“#注册”）。单击（函数（）{
滚动到（0,0）；
$（'#registerDiv'）。设置动画({
'marginTop'：“-50%”//移动到顶部
});
$（'#registerDiv'）.show（）；
});
});
真的很困惑，你所说的
幻灯片是什么意思？！我的意思是，当showinRegisterDiv初始处于隐藏状态时，向上滚动特定部分。当我点击我正在显示registerDiv的兑换按钮时，这里我需要向上滚动，如果你确切知道你想要/需要什么，请指向它，一张图片抵得上千言万语谢谢你的回复。但我需要这样的东西。假设按钮被点击，我会显示需要向上滚动的部分。我使用它只是为了参考，我想使用jquery$（“#registerDiv”）.hide（）实现这个功能；在你动画片之前不需要怎么做？在这一行中，
$（“#registerDiv”）.show（）.offset（）.top
这将显示div，因此您需要返回隐藏。不，不，我不需要在show（）之后隐藏。offset（）。top@SukumarDhoni那么，为什么要在代码中隐藏“单击前”事件呢？
<ul>
    <li>
        <a class="page-scroll" href="#registerDiv" id="register">Redeem</a>
    </li>
</ul>

<section id="registerDiv" ng-controller="registerCtrl">
<!-- section will show when link is clicked -->
</section>

$(document).ready(function(){
    $("#registerDiv").hide();
    $("#register").click(function(){
        $("#registerDiv").show("slow"); //need to slideUp here
    });
});

<ul>
    <li >
       <button id="register" style="margin-top: 50%;">Redeem</button>
    </li>
 </ul> 

<section id="registerDiv" ng-controller="registerCtrl" style="display:none">
I am on the top
</section>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("#register").click(function(){
        window.scrollTo(0,0);

        $('#registerDiv').animate({
        'marginTop' : "-50%" //moves top
        });

        $('#registerDiv').show();

    });
});
</script>