【问题标题】:Trying to sticky a video in Squarespace? Is this possible?试图在 Squarespace 中粘贴视频?这可能吗?
【发布时间】:2019-09-23 13:20:39
【问题描述】:

我只是想模仿其中一种方法来粘贴视频,当观众阅读我的 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://jsfiddle.net/4mqLhnpf/

最好将视频锁定到屏幕的顶部,以便在其下方滚动文章。

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

【问题讨论】:

    标签: css sticky squarespace


    【解决方案1】:

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

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

    【讨论】:

    • 谢谢你,但是我内联插入了这个样式,但什么也没发生。背景变成红色,说明正在读取代码,在Chrome中检查没有错误。
      内容
    • 您介意发送 div 内容和样式的源代码吗?
    • 另外,您使用的是什么浏览器?您的视频的初始位置到底在哪里?
    猜你喜欢
    • 1970-01-01
    • 2019-02-10
    • 1970-01-01
    • 2023-04-08
    • 2023-03-08
    • 2010-12-29
    • 2016-11-19
    • 2014-02-18
    • 1970-01-01
    相关资源
    最近更新 更多