个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我想将默认浏览器滚动条替换为我的自定义滚动条。要求:
我只能找到Mailhu Custom Scrollbar JQuery 插件满足我的要求。但我无法使用此插件自定义滚动条。
<小时/>我包含主题如 official plugin page 中所写:
(function($) {
$(window).load(function() {
$("body").mCustomScrollbar({
theme: "rounded"
});
});
})(jQuery);
完整代码:
<!DOCTYPE html>
<html lang="ru">
<head>
<title>Test</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="http://manos.malihu.gr/tuts/custom-scrollbar-plugin/jquery.mCustomScrollbar.css">
<style type="text/css">
html,
body {
height: 100%;
}
body {
margin: 0;
color: #eee;
background: #222;
}
</style>
</head>
<body>
<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio nesciunt eius quo placeat architecto mollitia aspernatur provident qui quidem consectetur ipsam, obcaecati necessitatibus repellat minus ab molestiae praesentium? Repellendus, deleniti!</div>
<div>Recusandae architecto minus, incidunt magnam ipsam quas, quibusdam corporis ratione delectus nemo aperiam iure accusantium culpa est cum optio sint illum modi in vero. In rerum obcaecati nobis illum iste.</div>
<div>Dolor, sunt ab! Veritatis dignissimos odit quod repudiandae voluptas consequatur, incidunt reiciendis dolorum aliquid, sapiente, assumenda quisquam. Exercitationem tempore possimus debitis, nesciunt at ipsum sequi consequatur ad atque, natus cupiditate.</div>
<div>Nam obcaecati quae iure quos quidem, iusto, autem, corporis expedita quo nobis sit nisi sint nesciunt, voluptatum modi eligendi asperiores dicta laboriosam at ea! Voluptatibus rerum minus ut, ipsa minima.</div>
<div>Repellendus reprehenderit harum similique error dolore ipsa quo vel ratione officia incidunt amet cum, temporibus corrupti explicabo tempora consequatur nostrum dolorum aliquam optio a, nemo, consequuntur earum? Autem, at, consequatur.</div>
<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis rerum eveniet, ipsa soluta illo mollitia cumque dolorum adipisci sint, ad repellendus maiores incidunt eligendi tempora harum inventore aperiam ab. Sapiente?</div>
<div>Unde alias ab facere deleniti doloremque dicta soluta minima eaque, qui quam, sint dolorem, iure debitis atque nam, repellendus fugiat! Quasi perspiciatis consequuntur adipisci nihil repudiandae impedit dolores amet ipsum.</div>
<div>Atque ad eius voluptatibus id, perspiciatis, numquam quasi architecto commodi omnis. Ut nobis alias, minima quia, sit quibusdam voluptates iusto maiores vel rem ex id perspiciatis culpa voluptate doloribus sequi.</div>
<div>Dignissimos fugit tempora qui, exercitationem assumenda quas et accusantium dolorem, cupiditate voluptates labore cumque animi officia quibusdam reprehenderit fugiat eveniet architecto, voluptatum reiciendis accusamus nobis nulla. Porro molestias nobis harum?</div>
<div>Ipsa cum omnis, eum labore praesentium. Neque ipsum distinctio sapiente magnam error sequi. Atque quia, rerum temporibus fugit dicta cumque excepturi totam alias reiciendis quidem aliquid perferendis repudiandae, maiores magni.</div>
<div>Sit labore libero sed facilis asperiores culpa corrupti nobis. Animi, amet veniam laboriosam, modi laudantium suscipit sed distinctio quas reprehenderit impedit doloremque quo in, aut quaerat sunt. Esse explicabo, assumenda?</div>
<div>Nostrum, ut, quisquam. Modi, ipsum natus unde a dolorem laboriosam, amet deleniti et recusandae, necessitatibus nam temporibus ut aspernatur accusantium nostrum distinctio hic voluptas, quaerat. Doloribus ex aperiam possimus voluptas.</div>
<div>Rem impedit dolore maiores nihil ex in similique delectus recusandae libero, earum odit a accusantium sapiente, natus nesciunt obcaecati accusamus molestiae iste ut. Minus ullam rerum, distinctio dolore expedita, nisi.</div>
<div>Incidunt pariatur nisi laudantium laboriosam beatae voluptates officiis, officia accusamus harum. Asperiores accusantium, et placeat consequatur fugit vero! Velit tempora ratione fugiat libero expedita incidunt nobis eveniet temporibus distinctio blanditiis!</div>
<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum atque distinctio doloremque, explicabo ex voluptatibus veritatis quibusdam a laboriosam ad impedit consequuntur aperiam amet perspiciatis totam illum illo natus modi!</div>
<div>Consequatur distinctio, doloremque aliquam blanditiis aliquid dolor facilis explicabo tempore, iure molestiae eveniet maiores! Accusantium, beatae quis voluptate id deserunt voluptatem numquam unde illum ipsa cumque praesentium exercitationem earum fuga.</div>
<div>Earum saepe velit, porro, pariatur tempore cumque obcaecati ad voluptatem assumenda iure, quo, magni nostrum. Quibusdam reiciendis molestiae ipsa commodi expedita est eius maiores delectus deserunt rerum, impedit nihil perspiciatis!</div>
<div>Earum ex sapiente, voluptatum ipsum quis et incidunt consectetur quod dolore facere nihil, accusantium explicabo at aliquam vero voluptatibus officia sequi excepturi ipsam reiciendis possimus aliquid, cupiditate nostrum? Sequi, debitis.</div>
<div>Quasi labore at eligendi expedita ratione, odio amet dolorem omnis maxime eos dolor doloribus, rem laboriosam odit voluptate ut aliquam, totam ipsa sequi illo! Repellendus delectus facilis dolorem, eum id.</div>
<div>Enim error doloribus eius laudantium cum neque temporibus tenetur quas. Maiores, neque exercitationem laboriosam temporibus perspiciatis corporis qui atque quia rem dolorem, ad numquam facilis voluptates commodi accusantium voluptatibus, quidem!</div>
<div>Quod accusamus delectus quis, culpa illo consequatur cupiditate quae error quaerat autem ducimus nihil nulla atque soluta nesciunt quia amet neque nam animi fugiat praesentium. Minima obcaecati optio illum facere.</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript" src="http://manos.malihu.gr/tuts/custom-scrollbar-plugin/jquery.mCustomScrollbar.concat.min.js"></script>
<script>
(function($) {
$(window).load(function() {
$("body").mCustomScrollbar({
theme: "rounded"
});
});
})(jQuery);
</script>
</body>
</html>默认滚动条成功为我替换，但主题对我不起作用。
rounded，但我得到了相同的结果。我应该做什么，为 Mailhu 自定义滚动条使用自定义主题？
最佳答案
manos.malihu.gr/tuts/位置包含旧版本的 js 和 css 文件。您应该从插件主页中指定的链接和位置下载并使用插件文件:
插件发布存档: https://github.com/malihu/malihu-custom-scrollbar-plugin/releases
CDN://cdn.jsdelivr.net/jquery.mcustomscrollbar/3.1.5/jquery.mCustomScrollbar.concat.min.js关于javascript - malihu-custom-scrollbar-plugin 的主题不适合我，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41658644/
25
4
0
我正在制作一个简单的程序来更改我的计算机背景。我在网上发现了一个stackoverflow问题，或多或少涵盖了我想做的事情。我现在可以成功地将我的墙纸更改为平铺、居中和从在线图像 URL 拉伸(str
是的，这是另一个每组最大的问题之一!我已经尝试了几天，试图解决这个问题，但无济于事。我也一直在寻找，但我什至不知道我是否在正确的地方寻找。问题的最简化版本如下。 我有 2 个表，一个是多对多表，另一个
我想解析一些数据，我有一个 BNF 语法来解析它。谁能推荐任何能够生成可在移动设备上使用的代码的语法编译器？ 由于这是针对 JavaME 的，因此生成的代码必须是: 希望很小 对外来 Java 库的依
我有一个动物园时间序列对象，vels : 2011-05-01 00:00:00 7.52 2011-05-01 00:10:00 7.69 2011-05-01 00:20:00 7.67 2011
我想创建一个供小型制造公司使用的生产管理系统。该系统将允许记录设备制造的不同阶段。要求如下: 1.非基于浏览器的界面。需要基于 Swing 或 AWT 的东西。虽然我了解实现基于浏览器的解决方案的便利
是否有任何 java 或 clojure 邮件库可以实现 lamson 的功能？特别是lamson的邮件路由功能非常酷http://verpa.wordpress.com/2010/11/13/mak
sklearn 中的 fit() 方法似乎在同一界面中服务于不同的目的。 应用于训练集时，像这样: model.fit(X_train, y_train) fit() 用于学习稍后将在测试集上使用 p
我使用 OSM 显示县的边界。它在大多数情况下工作得很好，但在某些情况下，县更大并且不适合 map 。 如何在开始渲染之前调整缩放级别？ var map = L.map("mapCnty").setV
我正在致力于缩小和丑化我的 javascript 文件。我想知道合适的尺寸是多大。如果我将所有js文件合并成一个文件(经过缩小和丑化)，它会大于1mb。我想，最好将它们分成 2-3 个文件(每个文件
我是 Java 新手。 我想在 GridPane 中放置一个 TextArea。我在过去几个小时内尝试了此操作，结果如下: 如您所见，TextArea 比我的 Gridpane 大得多。这是我的代码:
sklearn 中的 fit() 方法似乎在同一界面中服务于不同的目的。 应用于训练集时，像这样: model.fit(X_train, y_train) fit() 用于学习稍后将在测试集上使用 p
我认为这是一个基本问题，但也许我混淆了这些概念。 假设我使用 R forecast 包中的函数 auto.arima() 将 ARIMA 模型拟合到时间序列。该模型假设方差不变。我如何获得该方差？是残
我使用 OSM 显示县的边界。它在大多数情况下工作得很好，但在某些情况下，县更大并且不适合 map 。 如何在开始渲染之前调整缩放级别？ var map = L.map("mapCnty").setV
我有一个很长的标签，这是我的第一个标签，我想把它放在我的单元格中。这就是我所拥有的，但它不起作用。 我有一个自定义的 UITabelviewCell ，里面有几个标签。 -(CGFloat)table
假设我有一个包含 WCS header 的 FITS 文件，这样我就可以执行以下操作: #import healpy as hp #import astropy.io.fits as pyfits #
已关闭。此问题不符合Stack Overflow guidelines 。目前不接受答案。 这个问题似乎与 help center 中定义的范围内的编程无关。 . 已关闭10 年前。 Improve
我们正在构建一个与其他系统有多个集成接触点的应用程序。我们有效地使用 Unity 来满足我们所有的依赖注入(inject)需求。整个业务层是用接口(interface)驱动的方法构建的，实际实现在应用
我得到了 MKMapView 和一些注释。我使用下一个代码来显示所有注释: NSArray *coordinates = [self.mapView valueForKeyPath:@"annotat
我在一家托管公司工作，我们经常收到安装、新域、滞后修复等方面的请求。为了大致了解仍然开放的内容，我决定制作一个非常简单的票务系统。我有一点 php 知识和一点 MySQL 知识。目前，我们将根据客户的
我想向我的 UITableView 添加背景图像，它适合 UI，还具有导航 Controller 和工具栏。在那种情况下，我没有找到适合 iPhone 和 iPad 不同屏幕的 tableview 的
我是一名优秀的程序员,十分优秀！