.slide从底部切换而不是从顶部向下

所以我试图在单个页面网站上显示隐私政策。链接位于页脚中，隐私策略显示在屏幕上方：没有div。我试图让内容div从页脚底部向上滑动，将所有内容推到页面上方。.slide从底部切换而不是从顶部向下

HTML

<section id="privContent" class="spotlight"> 
    <div class="content"> 
     <h2>Privacy Policy</h2> 
     <p>Lorem Ipsum</p> 
    </div> 
</section> 

<section class="spotlight"> 
    <div class="content"> 
     <a target="self" class="privClick">Privacy Policy</a> 
    </div> 
</section>

$(function() { 
    $('a[target="self"]').click(function(e) { 
     e.preventDefault(); 
    $('#privContent').slideToggle('2000', "swing"); 
    }); 

});

我试过几个不同的东西出来，我似乎无法得到任何工作。我没有经验与jQuery

来源

2016-01-08 RonnieEXP

您需要使用'.animate（）'所以你可以声明正是你想做的事。 –

相关：[jQuery UI盲效 - 从底部显示]（http://stackoverflow.com/q/10125040/464709）。不确定它是否符合您的确切要求，但它可能是朝着正确方向迈出的一步。 –

@FrédéricHamidi这与此类似。去看看它，看看我能否从中得到一些东西。谢谢！ – RonnieEXP

新片段：

$(function() { 
 
    $('#privContent').hide(); 
 
    $('.privClick').click(function(e) { 
 
    $('#privContent').css('position', 'fixed').css('bottom', '0').slideToggle('2000', "swing").delay(2000).queue(function (next) { 
 
     $(this).slideToggle('2000', "swing"); 
 
     next(); 
 
    });; 
 
    }); 
 
});

<script src="http://code.jquery.com/jquery-1.11.3.js"></script> 
 

 

 

 
<section id="privContent" class="spotlight"> 
 
    <div class="content"> 
 
     <h2>Privacy Policy</h2> 
 
     <p>Lorem Ipsum</p> 
 
    </div> 
 
</section> 
 

 
<section class="spotlight"> 
 
    <div class="content"> 
 
     <a href="#" target="blank">TDI</a> | <p class="privClick">Privacy Policy</p> 
 
    </div> 
 
</section>

来源

2016-01-08 15:53:03 gaetanoM

这与问题的幻灯片效果不一样吗？ –

这的确和我的效果一样。该div在页面加载时隐藏。我试图从底部揭示它。另外，我所拥有的链接是正确的。 TDI链接到其他东西。我会从代码片段中删除它，以防止进一步混淆。我的错。 – RonnieEXP

@gaemaf这可能是工作。它的确会产生自下而上的影响。我现在遇到的问题是它覆盖了按钮要关闭它的页脚，并且它覆盖了上面的内容，而不是将它推高。不过，至少我现在有这个功能。其余的我应该能够解决。谢谢。 – RonnieEXP

.slide从底部切换而不是从顶部向下

回答

相关问题