创建随页面滚动而移动的浮动窗口小部件

问题描述:

全部, 我使用的是Wordpress窗口小部件,但我想创建一个窗口小部件作为滚动页面浮动。有没有人做过这样的事情?如果是这样,你能给出关于如何实现这样一个小部件的任何建议吗?它是仅通过Javascript/CSS完成的吗?创建随页面滚动而移动的浮动窗口小部件

谢谢!

+0

阅读有关'位置:fixed' http://davidwalsh.name/css-fixed-position – Cheery 2012-02-27 19:20:42

slashnick's和maxedison的解决方案将工作。

如果您希望有一个动态滚动框,并不总是保留在屏幕上或介意页面的页眉,页脚或任何其他div,您可能需要查看DropTheBit的粘滞浮动jQuery插件: http://dropthebit.com/74/sticky-floating-box/

所有你需要做的是设置有问题的元素的位置,通过CSS fixed,即

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

你需要给小部件的position:fixed;风格。例如在W3Schools

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

正是出于这个目的而设计!

Screenshots

+0

考虑复制一些从网站的内容或解释,柜面链接死亡。 – 2012-11-21 10:40:28

+0

你需要透露你与这个插件的联系。请参阅[我可以在此推广我所附属的产品或网站吗?](http://*.com/faq#promotion) – 2012-11-21 13:29:31