jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 面板应从底部向上滑动并向上推动内容,不覆盖大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我对jQuery很新,但我几乎可以肯定我想要实现的目标是可能的.

我有一个页面,导航栏固定在底部.导航栏有一个按钮,可以切换一个额外的面板,我想从底部向上滑动.这是我到目前为止:http://jsfiddle.net/E4yGh/

如您所见,面板向上滑动到页面的其余部分,该页面保持不变.我想要的是让页面的其余部分向上滚动以显示面板.页面应完全根据面板div的高度向上滚动,以便面板底部固定在页面底部 – 理想情况下无需指定面板的高度,以便自动调整.

我该怎么做呢?

解决方法

通过向上部div添加id,可以将slideToggle()应用于文本的上半部分.将以下行添加到您的jQuery单击函数:(这将切换整个上部div)

$("#upper").slideToggle("slow");

要仅将上部div滑动到底部的高度,您可以尝试使用CSS属性和.animate()

编辑:

一个简单的解决方案是将导航栏移动到页面顶部,并将文本的CSS位置更改为“relative”. Here is an example

编辑:

以下是我认为您最初寻找的内容Demo

大佬总结

以上是大佬教程为你收集整理的jquery – 面板应从底部向上滑动并向上推动内容,不覆盖全部内容,希望文章能够帮你解决jquery – 面板应从底部向上滑动并向上推动内容,不覆盖所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。