首页 > 代码库 > 页面内容添加新的显示或者显示隐藏的内容,滚动条滚动到最低端,显示出新内容

页面内容添加新的显示或者显示隐藏的内容,滚动条滚动到最低端,显示出新内容

<script>

var isDisplayLog = false;
function displayLog()
{
  if (isDisplayLog == false) {
    $("#gridList2").show();
    gridList2();
    home.scrollIntoView(false);//主要是采用这句,home是div,当前页面中显示滚动条的元素;这句话就是当前div的滚动条显示在到最低端;
    isDisplayLog = true;
  }
}

</script>

<div style="padding-top: 20px; margin-right: 20px;overflow:hidden" id="home"> 

 

<div>其他内容</div>

<div id="d" style="padding-top: 20px; margin-right: 30px;">
  <h3 onclick="displayLog();">日志信息</h3>
  <div class="gridPanel">
    <table id="gridList2" style="display:none;"></table>
  </div>
</div>

<div>

页面内容添加新的显示或者显示隐藏的内容,滚动条滚动到最低端,显示出新内容