Question

$(document).ready(function() {
  $("#Wrapper").click(function () {
var th = $(this);
if (!th.hasClass('down')) {
    console.log("ret");
    th.addClass('down').stop(true).animate({
        "top": "50px"
    }, 1000, function() {
        $('body').scrollTop(th.height());
    });
} else {
    console.log("sdffsdsff");
    th.removeClass('down').stop(true).animate({
        "top": "-400px"
    }, 1000, function() {
        $('body').scrollTop(th.scrollTop());
    });
}

}）; }）;

我有这个jquery代码，用于在单击包装器时从上到下，从下到上滚动。这段代码可以工作，但我想要点击＆＃34;包装＆＃34;这应该从顶部顶部底部和底部到顶部缓慢滚动格

这是我原来的小提琴

http://jsfiddle.net/HtTXB/17/

怎么做？谢谢

Answer 1

试试这个：

$("#Wrapper").click(function () {
  var h= $(this).height(),
      top= $(window).scrollTop(),
      pos= top > h/2 ? 0 : h;

  $('html, body').stop().animate({
    scrollTop: pos
  },1000);
});

当窗口滚动超过一半时，

scrollTop设置为0，滚动不到一半时，它设置为Wrapper的高度。

<强> Working Fiddle

如何滚动顶部和底部

1 个答案: