创建一个随页面滚动时移动的浮动小部件

时间:2012-02-27 19:18:08

标签: javascript jquery css wordpress widget

全部, 我正在使用Wordpress小部件,但我想创建一个小部件,随着页面的滚动而浮动。有没有人做过这样的事情?如果是这样,您能否就如何实现这样的小部件提出任何建议?它仅通过Javascript / CSS完成吗?

谢谢!

4 个答案:

答案 0 :(得分:3)

您需要做的就是通过CSS将相关元素的位置设置为fixed,即

.myFloatingWidget {position:fixed; left:0px; top:50%}

答案 1 :(得分:3)

最简单的方法 - 安装这个新的WordPress插件 - Q2W3 Fixed Widget

它专为此目的而设计!

Screenshots

答案 2 :(得分:2)

您需要为窗口小部件设置position:fixed;样式。 W3Schools上的示例。

答案 3 :(得分:1)

slashnick和maxedison的解决方案将起作用。

如果你想拥有一个并不总是留在屏幕上的动态滚动框,或者想到你的网站的页眉,页脚或任何其他div,你可能想要查看DropTheBit的sticky float jQuery插件:{ {3}}