固定在身体上的位置回到顶部

时间:2015-06-19 11:24:53

标签: javascript jquery html css

我想修复身体但是有一个自动滚动到文档的顶部,我无法返回到原来的位置。

你知道如何在固定的身体中滚动吗?

这是羽毛球:http://plnkr.co/edit/UBDtXTLX1Mdl35TU6XyW?p=preview

使用代码jQuery:

var topBody = $(window).scrollTop();
$("body").css("position","fixed");
$('html, body').animate( { scrollTop: topBody }, 0 );

2 个答案:

答案 0 :(得分:1)

您是否正在寻找类似的内容:plunker

jQuery代码:

$(function() {

  function fixedthebody() {
    var position = window.pageYOffset;
    $(".sample").css({
      "position": "fixed",
      "height": "100%",
      "overflow-x": "hidden"
    }).animate({
      scrollTop: position
    }, 0);
  }

  button.onclick = fixedthebody;

});

答案 1 :(得分:0)

将div内的所有内容都设置为在主体内滚动。这将在固定体内形成一个滚动条。

<body>
<div style="overflow:scroll">
  <!-- ALL THE CODE HERE-->
</div>
<body>