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

Creating a Floating Widget that moves as the page scrolls

本文关键字：移动 小部 滚动 一个 创建      更新时间：2023-09-26

全部，我正在使用Wordpress小部件，但我想创建一个小部件，它可以随着页面的滚动而向下浮动。有人做过这样的事吗？如果是的话，你能就如何实现这样一个小部件给出一些建议吗？它仅仅是通过Javascript/CSS完成的吗？

谢谢！

最简单的方法-安装这个新的WordPress插件-Q2W3固定小工具

它是专门为这个目的设计的！

屏幕截图

您所需要做的就是通过CSS将有问题的元素的位置设置为fixed，即

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

您需要为小部件提供position:fixed;的样式。W3Schools的例子。

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

如果你想有一个动态滚动框，它不总是停留在屏幕上，也不介意你网站的页眉、页脚或任何其他div，你可能想看看DropTheBit的粘性浮动jQuery插件：http://dropthebit.com/74/sticky-floating-box/

相关文章：