Question

我有一个滑动div，或者我们可以说它在点击时展开并折叠div（切换）。我想将.scrollTop（）应用于div。单击按钮以展开div时在展开之前设置为top，然后展开。我试了几百次用不同的方式，但我无法得到理想的结果。任何帮助将不胜感激。

<div id="mainarea">
</div>
<div class="slidingDiv">
</div>
<div  class="show_hide">
<p> Click me</p>
</div>



var currentscrollpos;
currentscrollpos = $(window).scrollTop();
$(document).ready(function(){
$(".slidingDiv").hide();
    $(".show_hide").show();
$('.show_hide').click(function(){
$(".slidingDiv").slideToggle();
    $('body').animate({scrollTop:100}, 'slow')
    return false;
  });


});
$(document).click(function()
{
$('body').animate({ scrollTop: currentscrollpos }, 0);
});



//This is my css

#mainarea{width:550px; height:300px;background-color: yellow;}

.slidingDiv {
height:200px;
background-color: white;
margin-top:10px;
width:261px;
background-color: black;

}

.show_hide {
display:none;
}
#notificationFooter {
background:#FFFFFF; margin:0 auto; height:8px; width:96px;
 }
This is the fiddle
http://jsfiddle.net/muheetmehfooz/wmwn5424/

Answer 1

你在做什么并不能把你带到最前面，只是让你有点兴奋。但是，如果您的问题仅仅是如何按正确的顺序执行此操作 - 请尝试此操作。

jsfiddle

just use callback function

P.S。到达最高用途

{scrollTop:currentscrollpos}

如何将scrolltop（）方法设置为滑动div？

1 个答案: