css - 试图在 Squarespace 中粘贴视频?这可能吗?

标签 css sticky squarespace

我只是想模仿其中一种方法来粘贴视频,该视频将在观众阅读我的 Squarespace 网站上的博客文章时播放。

https://www.cssigniter.com/make-sticky-floating-videos-page-scroll/

https://developer.mozilla.org/en-US/docs/Web/CSS/position#Sticky_positioning

How to make div fixed after you scroll to that div?

http://js fiddle.net/4mqLhnpf/

视频最好锁定在屏幕的顶部,允许文章在其下方滚动。

我已经尝试了上面列出的所有方法,但都没有奏效。我直接复制了代码,甚至更改了 ID 和类,以防某些内容重叠并导致错误。什么都不管用。这种功能是 Squarespace 本身不允许的,还是我在这里做错了什么?

最佳答案

您可以尝试 CSS position 属性。 只需将其添加到 div 样式中:

position: sticky;
position: -webkit-sticky;
top: 0;

关于css - 试图在 Squarespace 中粘贴视频?这可能吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55996163/

相关文章:

javascript - 获取输入值并生成多个文本区域并在那里设置值

html - 在 anchor 标签周围出现蓝色边框的模式结束时

html - 当鼠标悬停在按钮上时在 CSS 上翻转动画

html - 拥有带有粘性标题的表格的最佳方法是什么?

Javascript 在导航 Squarespace 中重新分配链接

html - Font awesome 在 Squarespace 中敲打其他 div/代码块

html - 在 Squarespace 网站上使语音标记大于其余文本

javascript - 如何为没有内容的单个选项卡着色?

html - 制作导航栏棒

jquery - 如何将元素固定到距屏幕边缘可变距离的页面?