Javascript 如何使用slidedown（）使网页滚动到正在设置动画的元素？

我的网页底部有一个

，它隐藏在页面加载时，在可见的页脚中有一个链接，使用jQuery

slidedown（）

函数使其向下滑动显示。还有一个链接可以再次隐藏它

打开的链接：

<a href="javascript:void(0)" class="cookies_open">Open</a>

现在，以上所有的工作。但是，由于元素位于页面的底部，我需要浏览器向下滚动，以便在打开时将其显示在视图中。此时，滚动条会展开，但页面不会向下滚动，因此用户无法看到它

---

我该怎么做？

在

上单击事件添加以下内容：

//xpos : it will be 0 for you
//ypos: you give some value, it will scrolldown with that pixel
window.scrollTo(xpos,ypos);

您可以将元素的
id
指定为超链接的
href
，以便查看该元素

您还需要将元素从正常流程中移除，以便滚动大小不会改变-我已经为其应用了
position:absolute



$（文档）.ready（函数（）{
$（“.cookies\u close”）。单击（函数（）{
$（“#hiddenbit”）.slideUp（1000）；
});
$（“.cookies\u open”）。单击（函数（）{
$（“#hiddenbit”）。向下滑动（1000）；
});
});
*{
/*防止浏览器默认设置*/
保证金：0px！重要；
填充：0px！重要；
}
html，正文，#包装器{
身高：100%；
}
标题{
身高：15%；
背景：#0080FF；
}
#内容{
位置：相对位置；
文本对齐：居中；
背景：#58D3F7；
身高：100%；
}
#隐藏比特{
显示：无；
位置：绝对位置；
底部：0；
宽度：100%；
高度：100px；
背景：火红；
}

Hi，这不起作用，因为我试图向下滚动到页面的某个部分，该部分在单击指向slidedown（）的链接之前不存在。隐藏的元素在CSS中通过display:none隐藏。请尝试先使其可见，然后执行此操作。不知道答案是否有帮助。。。
$(document).ready(function(){
  $(".cookies_close").click(function(){
    $("#hiddenbit").slideUp(1000);
  });
  $(".cookies_open").click(function(){
   $("#hiddenbit").slideDown(1000);
 });
});

//xpos : it will be 0 for you
//ypos: you give some value, it will scrolldown with that pixel
window.scrollTo(xpos,ypos);