粘滞标题

点击下载 myStickymenu 插件描述 像魅力

点击下载 滚动屏幕上的粘滞菜单（或任何内容！） 插件描述 概要 粘性菜单（或任何内容） ）在WordPress的Scroll插件中，当您向下滚动时，只要它点击页面顶部，就可以使页面上的任何元素“粘滞”。虽然这通常用于将菜单保留在页面顶部，但插件允许您将任何元素设置为粘性（例如“操作号召唤”框，徽标等） 一点点基本需要HTML / CSS知识。您只需要知道如何为要粘贴的元素选择正确的选择器，并且您需要确保它是一个独特的选择器。有时一个简单的选择器，如“nav”，“＃main-menu”，“。menu-main-menu-1”就足够了。其他时候你必须更详细，并使用更具体的选择器，如“标题＆gt; ul：first-child“或”nav.top .menu-header ul.main“。 产品特点 任何元素都可以粘贴：虽然常用于导航菜单，但该插件会让您选择任何带有名称，类或ID的独特元素。滚动浏览后，页面顶部。将其用于侧边栏，号召性用语框，横幅广告等。从顶部定位：可选地，您可以在粘性元素和页面顶部之间添加任意数量的空间，以便元素并不总是卡在页面的“天花板”上。 仅对某些屏幕尺寸启用：您可以选择设置粘性应该起作用的最小和/或最大屏幕尺寸。如果您有一个响应式网站，并且您不希望您的元素在较小的屏幕上粘滞，这可能很方便。 俯卧撑元件：可选择地，您可以选择页面下方的任何其他元素来推送h再次粘贴元素（例如侧边栏小部件）。 管理栏感知：检查当前用户是否在页面顶部有管理工具栏。如果有，粘性元素不会遮挡它（或被它遮挡）。 Z-index ：如果页面上有其他元素隐藏或窥视您的粘性元素，您可以轻松添加Z索引。 传统模式：在2.0中，引入了一种新的粘性方法。在旧版模式下，将使用旧方法。请参阅FAQ以获取详细信动态模式：通过添加动态模式（仅限传统模式）解决了响应主题中经常出现的一些问题。请参阅FAQ以获取详细信调试模式：通过打开调试模式找出元素不粘的可能原因，错误消息将出现在浏览器的控制台中。 屏幕截图 基本设置屏幕 高级设置屏幕 安装 将“sticky-menu-or-anything”目录上传到“wp-content / plugins”目录。在WordPress管理员中，转到PLUGINS并激活“粘滞菜单”（或什么！）“转到设置 – 粘贴菜单（或任何东西！）选择你想要粘贴的元素！ FAQ 安装说明将“sticky-menu-or-anything”目录上传到“wp-content / plugins”目录。在WordPress管理员中，转到PLUGINS并激活“Sticky Menu（或Anything！）”转到SETTINGS – STICKY MENU（或任何东西！）选择你想要制作stickyParty的元素！我在设置屏幕中选择了一个类/ ID，但是当我向下滚动时元素不会粘住。为什么不？ 首先，确保如果按类名选择元素，它前面有一个点（例如“.main-menu”），如果你通过它的ID选择它，它前面有一个井号/井号/数字符号（例如“#main-menu”）。此外，请确保页面上只有一个元素与您正在使用的选择器。如果没有，或者多个元素与您的选择器匹配，则不会发生任何事情。 一旦元素变粘，它就不会正确定位/调整大小。 由于CSS的性质，有些情况下元素不能正确粘贴，通常如果它具有用于操纵其位置和/或尺寸的特定属性。如果您的粘性元素具有以下任何属性，则可能会导致冲突： 负边距绝对定位/左/底/右属性“display：inline”“！important”应用于其任何属性 尽量避免所有这些尽可能，但如果你不能，在传统模式下使用插件（见下文）有时会有所帮助。 另一种可能导致麻烦的情况是，粘性元素的任何父元素都应用了“transform”CSS属性。 一旦元素变粘，它就没有响应，并且在我更改浏览器大小时不会调整大小。 这是插件中的一个已知（且令人烦恼）的错误，我还没能正确解决。对于某些网站（当元素通常不包含任何Javascript交互性时），有时在传统模式下使用该插件会有所帮助（见下文）。 是否可以在元素中添加一些样式，但只有在粘性时？ 要在粘性元素不粘时添加样式，请使用classname“.element-is-not-sticky”。 要仅在粘性元素粘滞时添加样式，请使用classname“.element-is-sticky” 以下代码将为您的元素添加红色背景只有当它不粘时才会圆，而只有当它是蓝色时才会变圆： 。元素不粘… {123>背景：红色; } .element-is-sticky { […]