小工具      在线工具  汉语词典  dos游戏  css  js  c++  java

左侧菜单添加自定义滚动条_如何将自定义滚动条添加到WordPress中的任何元素

java,python,css,html,wordpress 额外说明

收录于:17天前

添加自定义滚动条到左侧菜单

您是否有一个很长的侧边栏破坏了某些页面上的 WordPress 布局?最近,我们的一位用户向我们寻求解决方案。由于用户不想删除任何小部件,我们建议为所有长小部件添加固定高度和滚动条,从而解决了问题。在本文中,我们将向您展示如何向 WordPress 中的任何元素添加自定义滚动条。

您是否有一个很长的侧边栏会破坏某些页面上的 WordPress 布局?最近,我们的一位用户向我们寻求解决方案。由于用户不想删除任何小部件,因此建议为所有较长的小部件添加固定高度和滚动条来解决问题。在本文中,我们将向您展示如何向 WordPress 中的任何元素添加自定义滚动条。

Add custom scrollbars to any element in WordPress
影片教学 Video Tutorial

演示地址

如果您不喜欢该视频或需要更多说明,请继续阅读。

如果您不喜欢该视频或需要更多说明,请继续阅读。

First thing you need to do is install and activate the 自定义滚动条 plugin. Upon activation simply go to 外观 » 滚动条 to configure the plugin.

您需要做的第一件事是安装并激活“ 自定义滚动条”插件。 激活后,只需转到外观 »滚动条即可配置插件。

Custom Scrollbars settings

You need to start by providing a name for your scrollbar. The plugin allows you to add multiple scrollbars, so adding a name will help you find your custom scrollbar in the 管理区.

您首先需要为滚动条提供一个名称。 该插件允许您添加多个滚动条,因此添加名称将有助于您在在管理区找到自定义滚动条。

设置中的下一项是目标元素选择器。这是您要定位的 Web 元素的类或 ID。您可以通过右键单击 Chrome 浏览器中的元素并从菜单中选择“检查元素”来查找任何元素的 ID 或类。

设置中的下一项是目标元素选择器。这是您要定位的 Web 元素的类或 ID。您可以通过右键单击 Chrome 中的元素并从菜单中选择“检查元素”来查找任何元素的 ID 或类。

Using inspect element tool to find element ID or CSS class

正如您在屏幕截图中看到的,我们想要定位的元素位于 CSS 类 bwp_gallery 旁边。

正如您在屏幕截图中看到的,我们想要定位的元素位于 CSS 类 bwp_gallery 旁边。

进入目标选择器后,您可以选择自定义滚动条区域的高度和宽度。您还可以选择滚动条的位置和主题。

进入目标选择器后,您可以选择自定义滚动条区域的高度和宽度。您还可以选择滚动条的位置和主题。

完成后,只需单击“保存更改”按钮即可存储您的设置。

完成后,只需单击“保存更改”按钮即可存储您的设置。

就这样,您现在可以访问您的网站来查看自定义滚动条的运行情况。您可以通过单击“添加”按钮重复此过程以创建另一个自定义滚动条。

就是这样,您现在可以访问您的网站来查看自定义滚动条的运行情况。您可以通过单击“添加”按钮重复此过程以创建另一个自定义滚动条。

Adding another custom scrollbar

We hope this article helped you add custom scrollbars to any element on your WordPress site. You may also want to see our list of 25 个最适合您网站的 WordPress 小部件.

我们希望本文能帮助您将自定义滚动条添加到WordPress网站上的任何元素。 您可能还想查看我们网站25 个最有用的 WordPress 小部件列表。

If you liked this article, then please subscribe to our YouTube 频道 for WordPress video tutorials. You can also find us on 推特 and Facebook.

如果您喜欢这篇文章,请订阅我们的YouTube 频道 WordPress视频教程。 您也可以在推特Facebook上找到我们。

翻译自: https://www.wpbeginner.com/plugins/how-to-add-custom-scrollbar-to-any-element-in-wordpress/

添加自定义滚动条到左侧菜单

. . .

相关推荐

额外说明

contains shards using both inmem and tsi1 indexes. 重构索引 influx

问题: 删除infludx表measurement时出错 参考: 记一次influxdb内存高耗的追踪 - 墨天轮 influxdb删除错误DB contains shards using both inmem and tsi1 indexes._宇宙全

额外说明

mybatis的xml日期范围查询

<if test="param.startTime != null and param.startTime != '' and param.endTime != null and param.endTime != ''"> <![CDATA[

额外说明

MemCache详细解读

目录 一、MemCache是什么 二、MemCache特性和限制 三、MemCache实现原理 四、MemCache的Java实现实例 五、MemCache指令汇总 一、MemCache是什么 MemCache是一个自由、源码开放、高性能、分布式的分布式

额外说明

maven:jar包在本地仓库有,但是pom.xml文件却报错找不到jar包

我当时的报错信息: Project 'org.springframework.boot:spring-boot-starter-parent:2.0.0.RELEASE' not found 有以下方法: 1.删除本地jar包,然后重新下载,尽量使用阿里

额外说明

C语言实现:三色球问题

C语言实现:三色球问题 文章目录 C语言实现:三色球问题 1. 问题 2. 解决方案 3. 实现代码 4. 执行结果 5. 解决方法说明——穷举法 1. 问题 三色球问题:由红、黄、绿三种颜色的球,其中红球3个,黄球3个,绿球6个。现将这12个球混放在一

额外说明

SpringMVC之JSON数据返回与异常处理机制---全方面讲解

一,JSON数据返回的理解      在Spring MVC中,当需要将数据以JSON格式返回给客户端时,可以使用@ResponseBody注解或@RestController注解将Controller方法的返回值直接转化为JSON格式并返回。这使得开发

额外说明

【Java 进阶篇】数据库介绍与MySQL详细介绍

数据库是信息科技领域中不可或缺的一部分,它们在我们日常生活中扮演着重要的角色,从手机应用到云计算,无处不在。在本篇博客中,我们将深入探讨数据库的基本概念以及MySQL这一流行的开源关系型数据库的详细信息。不需要数据库专业知识,我们将从头开始,向您解释这些

额外说明

springboot连接两个数据库

springboot连接两个数据库 一、启动类 1.启动类需要不用加mybatis的@MapperScan注解 @SpringBootApplication public class AppPush { public static void m

额外说明

图解自动驾驶中的运动规划(Motion Planning),附几十种规划算法

目录 1 自动驾驶驶向何处? 2 什么是运动规划? 3 运动规划实战教程 4 加入我们 5 订阅需知 1 自动驾驶驶向何处? 自动驾驶,又称无人驾驶,是依靠计算机与人工智能技术在没有人为操纵的情况下,完成完整、安全、有效驾驶的一项前沿科技。 自动驾驶技术

额外说明

解决api-ms-win-crt-heap-l1-1-0.dll丢失问题

其实很多用户玩单机游戏或者安装软件的时候就出现过这种问题,如果是新手第一时间会认为是软件或游戏出错了,其实并不是这样,其主要原因就是你电脑系统的该dll文件丢失了或者损坏了,这时你只需下载这个api-ms-win-crt-heap-l1-1-0.dll文

ads via 小工具