Javascript 隐藏div在'；显示

+++++我要补充一点+++++

谢谢你们的回答， 但是，我想，我错过了更多的东西

当我点击按钮显示div（#pop）时，它正好在顶部的滚动条上工作

但是，当我向下滚动时，div（#pop）会在窗口（高度：0）中向上移动，而不是像顶部滚动那样在“底部：10%”中移动

所以，我现在正在尝试你的答案，但是，我还没有成功，帮不上忙！！：）

=================================================================================

这是我的密码

我有一个浮动菜单，其中一个按钮用于显示div

id=pop

，它也是浮动的

我想在窗口启动时隐藏div

#pop

，当单击按钮时，它会显示出来

因此，我添加了代码

display:none

来隐藏，但是当我单击按钮显示div

#pop

时，div

#pop

在任何地方，而不是CSS中的

底部：10%

HTML

<div class="menu">
    <a href="#scrolltop"><img src="btnUp.png"></a><br/>
        <img src="btnMe.png" id="pop_bt"><br/>
    <a href="#scrollbottom">
        <img src="btnDown.png">
    </a>    
</div>

<div id="pop">
    <div>
        POP UP
    </div>
</div>

Javascript

$(document).ready(function(){
    var boxtop = $('.menu').offset().top;
    $(window).scroll(function(){ 
        $('.menu').stop();
        $('.menu').animate({"top": document.documentElement.scrollTop + boxtop}, 800); 
    });  
});

$(document).ready(function() {
    $('#pop_bt').click(function() {
        $('#pop').show();
    });
    $('#pop').click(function() {
        $('#pop').hide();
    });
});

$(document).ready(function(){
    var boxtop = $('#pop').offset().top;
    alert(boxtop);
    $(window).scroll(function(){ 
        $('#pop').stop();
        $('#pop').animate({"top": document.documentElement.scrollTop + boxtop}, 800); 
    });  
});

事实上，我不是程序员，只是个设计师，所以我对HTML/CSS/Javascript非常无知

---

有人能帮我吗

在没有小提琴的情况下，我只能做一些猜测工作。看起来下面这行就是问题所在：

$（'pop'）.animate（{“top”：document.documentElement.scrollTop+boxtop}，800）

它设置一个
top
值并将层移动到其他位置。如果您删除它，它应该可以正常工作。
使用此

 $(document).ready(function()
    {
     $("#pop").hide();
    $("#button_id").click(function()
    {
      $("#pop").show();
    });
    });

这是您真正需要的吗？
Display none正在从布局中删除您的按钮。
在.hide（）上也是如此。
使用“不透明度0”隐藏挖掘，但将其保留在浏览器中。
因此按钮可见，但不在底部？另外，请检查我们的标记，您在div.menuvery中有一个结束标记，它是html/css/javascript的傻瓜，不是程序员，而是编写jquery硬代码，您是什么！luvson我想最好是创建一个JSFIDLE，你介意设置一个提琴吗？你能编辑以重新创建完整的问题吗？但实际上，当我没有在CSS中编写“display:none”时，它工作得非常好。只是，我写了“display:none”，它不起作用。你从css中删除dispaly:none了吗？你应该。
 $(document).ready(function()
    {
     $("#pop").hide();
    $("#button_id").click(function()
    {
      $("#pop").show();
    });
    });