Question

我正在使用此代码在页面底部制作一个toogle效果。它正在运行，但是toogle div正处于折叠状态，但浏览器不会在toogle区域之后滚动到底部

<script type="text/javascript">

jQuery.noConflict();

        jQuery(document).ready(function() {

         // toggles the slickbox on clicking the noted link 
          jQuery('a#sm_toggle').click(function() {
            jQuery('#sitemapContainer').slideToggle(400);
            return false;
          });

        });


    </script>

我想让滚动条与hide show div一起响应。

Answer 1

设置元素的scrollTop属性或window应该这样做：

myNode.scrollTop = 450;
window.scrollTop = 200;

编辑：如何在上下文中使用它：

function getPosition(node) {
  var x = 0, y = 0;
  do {
    x += node.offsetLeft;
    y += node.offsetTop;
  } while (node = node.offsetParent);
  return { x: x, y: y };
}

window.scrollTop = getPosition(toggleDiv).y;

浏览器滚动不在切换底部？

1 个答案: