gpt4 book ai didi

jQuery .animate() 和具有固定元素的 css 位置

转载 作者:行者123 更新时间:2023-11-28 11:13:11 28 4
gpt4 key购买 nike

我正在努力想出一种方法来让它工作,所以寻求一些帮助。

我有一个固定的屏幕外导航菜单。我希望让它从屏幕外动画到屏幕上的特定位置。此外,它需要移动的量取决于屏幕尺寸(即装订线改变尺寸)。因此,我需要将它移动到相对于容器 div 的特定位置(保持在屏幕中央)。

最好的方法是什么?任何帮助表示赞赏。谢谢!

最佳答案

我不确定我是否完全理解您正在寻找的东西,但我认为这是您正在寻找的 fiddle :

http://jsfiddle.net/phoffman/vyaHH/5/

您需要为侧边栏 div 设置动画,确保它位于容器 div 内,并且其 CSS 位置设置为“相对”。

HTML:

 <div class="container">
<div id="sidebar"> <p>This is a sidebar</p> </div>
</div>

CSS:

#sidebar{
position:relative;
}

J查询:

$('button').click(function(){
$('#sidebar').animate({
left: 0 //This value of 0 is how far you want the sidebar to animate.
});
});

关于jQuery .animate() 和具有固定元素的 css 位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13147264/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com