Javascript 使用Jquery自动向下滚动？_Javascript_Jquery_Html_Css

Javascript 使用Jquery自动向下滚动？

javascript jquery html css

Javascript 使用Jquery自动向下滚动？,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个定义高度的模态框。在这个盒子里面有一个手风琴盒子，当用户点击一个链接时它会展开。手风琴框在切换时的高度超过模式框的高度，因此会出现一个滚动条我想自动滚动条到最低点，在手风琴框中显示新内容手风琴盒看起来像这样： <script type="text/javascript"> $(document).ready(function(){ $(".btn-slide").click(function(){ $("#panel").slideToggle("slow"); $(t

我有一个定义高度的模态框。在这个盒子里面有一个手风琴盒子，当用户点击一个链接时它会展开。手风琴框在切换时的高度超过模式框的高度，因此会出现一个滚动条

我想自动滚动条到最低点，在手风琴框中显示新内容

手风琴盒看起来像这样：

<script type="text/javascript"> 
$(document).ready(function(){
$(".btn-slide").click(function(){
$("#panel").slideToggle("slow");
$(this).toggleClass("active"); return false;
});
});
</script>


$（文档）.ready（函数（）{
$（“.btn幻灯片”）。单击（函数（）{
$（“面板”）。滑动切换（“慢速”）；
$（this）.toggleClass（“活动”）；返回false；
});
});

是否有办法将此向下滚动功能集成到现有功能中？这种行为是否存在Jquery函数？

如果我了解您在寻找什么

如果你想要一个漂亮的平滑的卷轴，那么是一个很好的选择

如果你不在乎，就用散列。location.hash='#someid'

如果我明白你在找什么

如果你想要一个漂亮的平滑的卷轴，那么是一个很好的选择

如果你不在乎，就用散列。location.hash='#someid'

如果您不想依赖任何插件或更改实际URL，可以使用scrollTop，请参阅

干杯。

如果您不想依赖任何插件或更改实际URL，您可以使用scrollTop，请参阅

干杯。

诀窍是使用可滚动的外部容器div。这允许找出保存实际内容的内部div的大小。
我的解决方案（您必须对手风琴进行一些调整）：


#容器{
溢出y：滚动；
高度：200px；/*定义的高度*/
}
函数onNewContent（）{
$（“#容器”）.scrollTop（$（“#内容”）.height（）；
}
//试验
$（文档）.ready（函数（）{
对于（变量i=0；i<500；++i）
$（“#内容”）.append（$（“”）.html（i））；
onNewContent（）；
});

诀窍是使用可滚动的外部容器div。这允许找出保存实际内容的内部div的大小。
我的解决方案（您必须对手风琴进行一些调整）：


#容器{
溢出y：滚动；
高度：200px；/*定义的高度*/
}
函数onNewContent（）{
$（“#容器”）.scrollTop（$（“#内容”）.height（）；
}
//试验
$（文档）.ready（函数（）{
对于（变量i=0；i<500；++i）
$（“#内容”）.append（$（“”）.html（i））；
onNewContent（）；
});

是的，这正是我要找的。我真的不关心任何动画，我只需要在手风琴触发时到那里。如果可能的话，我想避免使用一些额外的插件。是的，这正是我想要的。我真的不关心任何动画，我只需要在手风琴触发时到那里。不过，如果可能的话，我想避免使用一些额外的插件。我考虑过这一点，但是内容是动态的，所以我不确定这个层次是什么。你应该有一个对想要的元素的引用，这样你就可以使用$（window）。scrollTop（$（wantedelement）。offset（）.top）--如果我没有弄错的话。好的，我这样设置：$（document）。准备好了吗（function（）{$（“.btn slide”）。单击（function（）{$（window）.scrollTop（$（“#no”）.offset（）.top）}）##否是我的手风琴面板的最底部。这似乎没有启动。我设置正确了吗？在Chrome中似乎对我有用。根据API网站上的评论，

scrollTop

可能有点狡猾。你必须尝试使用不同的选择器（尽管，

window

似乎最好），这里是人们似乎使用的另一个：

$（'body，html'）

谢谢你给我举个例子看-我仍然有问题。使用你的代码，我把我的情况放在这里：我考虑过这一点，但是内容是动态的，所以我不确定它的层次是什么。你应该有一个想要的元素的引用，这样你就可以使用$（window）。scrollTop（$（wantedelement）。offset（）.top）--如果我没弄错的话。好的，我这样设置：$（document）.ready（function（）{$（“.btn slide”）。单击（function（）{$（window.scrollTop（$（“#no”）.offset（）.top）；）##否是我的手风琴面板的最底部。这似乎没有启动。我设置正确了吗？在Chrome中似乎对我有用。根据API网站上的评论，

scrollTop

可能有点狡猾。你必须尝试使用不同的选择器（尽管，

window

似乎最好），这里是人们似乎使用的另一个：

$（'body，html'）

谢谢你举个例子来看-我仍然有问题。使用你的代码，我把我的情况放在这里：


<html>
   <head>
      <style>
         #container {
            overflow-y: scroll;
            height: 200px; /* defined height */
         }
      </style>
   </head>
   <body>
      <div id="container">
         <div id="content">
            <!-- dynamic content -->
         </div>
      </div>
   </body>
   <script type="text/javascript" src="http://jquery.com/src/jquery-latest.js" ></script>
   <script type="text/javascript">
      function onNewContent() {
         $("#container").scrollTop($("#content").height());
      }

      //test
      $(document).ready(function() {
         for(var i = 0; i < 500; ++i)
            $("#content").append($("<div/>").html(i));
         onNewContent();
      });
   </script>
</html>