nicescroll

how to append class for nicescroll

由 白昼怎懂夜的黑 提交于 2021-02-04 16:40:12
问题 I am using nicescroll in my application. I have dedined like $("#Total").niceScroll({ cursorwidth: '8px', cursorborder: 'none', cursorborderradius:'0px', cursorcolor:"#39CCDB" }); but I don't want to give the styles as above. I want to apply these using a class.For that I have implemented like .scroll { cursorwidth: '8px', cursorborder: 'none', cursorborderradius:'0px', cursorcolor:"#39CCDB" } and var scrollbar = $("#Total").niceScroll({}); scrollbar.addClass("scroll"); but is not working

Nicescroll滚动条插件的用法

由 给你一囗甜甜゛ 提交于 2020-03-01 19:25:35
Nicescroll滚动条插件是一个非常强大的基于JQUERY的滚动条插件，不需要增加额外的css，几乎全浏览器兼容。ie6+，实现只需要一段代码，侵入性非常小，样式可完全自定义，支持触摸事件，可在触摸屏上使用。 官网地址：http://www.areaaperta.com/nicescroll/ 引入核心文件，插件需要引入1.5.X以上版本的jquery库 最简单的用法如下： $(document).ready( function() { $("html").niceScroll(); } ); 注意：一定要放在 $(document).ready 中进行初始化！ 配置参数表 $("#thisdiv").niceScroll({ cursorcolor: "#424242", // 改变滚动条颜色，使用16进制颜色值 cursoropacitymin: 0, // 当滚动条是隐藏状态时改变透明度, 值范围 1 到 0 cursoropacitymax: 1, // 当滚动条是显示状态时改变透明度, 值范围 1 到 0 cursorwidth: "5px", // 滚动条的宽度，单位：便素 cursorborder: "1px solid #fff", // CSS方式定义滚动条边框 cursorborderradius: "5px", // 滚动条圆角（像素） zindex:

jquery-nicescroll 的使用

由 拥有回忆 提交于 2020-03-01 16:20:29
Nicescroll is a jquery plugin, for nice scrollbars with a very similar ios/mobile style. NOW support HORIZONAL scrollbar too! It supports DIVs, IFrames, textarea, and document page (body) scrollbars. Compatible with all desktop browser: Firefox 4+, Chrome 5+, Safari 4+ (win/mac), Opera 10+, IE 6+. (all A-grade browsers) Compatible with mobile device: iPad/iPhone/iPod, Android 2.2+, Blackberry phones and Playbook (WebWorks/Table OS), Windows Phone 7.5 Mango. Compatible with all touch devices: iPad, Window Surface. Compabible with multi-input device (mouse with touch or pen): Window Surface,

Jquery Nice scroll not working

由 好久不见. 提交于 2019-12-22 04:58:26
问题 I am using Jquery nice Scroll bar for div, but when content of div increases dynamically its not showing scroll bar. Windows default scroll bar works fine if i remove nice scroll. Can anyone help me to solve this problem? Html <div id="div-to-scroll"> </div> Script $(document).ready(function(e) { var nice = $("#div-to-scroll").getNiceScroll(); $("#div-to-scroll").niceScroll(); $("#div-to-scroll").getNiceScroll().resize(); }); this is my code sample. 回答1: Finally this works for me. $("#div-to

NiceScroll - Leaving Original Scrollbar Intact

由 ◇◆丶佛笑我妖孽 提交于 2019-12-13 06:23:30
问题 I've added the NiceScroll jQuery plugin to my page and it does exactly what I'd want it to do (eases scrolling from mouse wheel events). However, the plugin seems geared around styling the scrollbar aswell. Is it possible to preserve the original styling of the browser's scrollbar during use of this plugin? I've checked the documentation and tried many parameters but can't seem to find the relevant one. In it's current state, the scrollbar is not visible. 回答1: I dont know if this still is

nicescroll.js - how to disable vertical scrollbar?

由 与世无争的帅哥 提交于 2019-12-11 17:54:35
问题 I use jquery-nicescroll: $(this.refs.container).niceScroll({ cursorcolor: '#f16221', cursorwidth: '14', cursorminheight: '64', scrollspeed: '50', autohidemode: 'false', overflowy: 'false' }) Currently it has both scrollbars: vertical and horizontal. I need to hide/disable vertical scrollbar but haven't found a solution. I have tried adding overflowy: 'false' but it didn't work. There is horizrailenabled: false which works well but there is no option for vertical. Similar question: Disable

Always display niceScroll rail

由 假装没事ソ 提交于 2019-12-10 13:43:41
问题 I'm using niceScroll jQuery plugin to replace common browser scrollbars in overflowing <div>'s . The plugin is working good, but I can't get it to work and display the scroll rail always (even if the content is not exceeding <div> bounds). My final configuration is: $(document).ready(function () { $(".div-wrapper").niceScroll({ cursorcolor: "#333", cursoropacitymin: 0.3, background: "#bbb", cursorborder: "0", autohidemode: false, cursorminheight: 30 }); }; I've tried to fire $(".div-wrapper")

Jquery Nice scroll not working

由 白昼怎懂夜的黑 提交于 2019-12-05 04:52:24
I am using Jquery nice Scroll bar for div, but when content of div increases dynamically its not showing scroll bar. Windows default scroll bar works fine if i remove nice scroll. Can anyone help me to solve this problem? Html <div id="div-to-scroll"> </div> Script $(document).ready(function(e) { var nice = $("#div-to-scroll").getNiceScroll(); $("#div-to-scroll").niceScroll(); $("#div-to-scroll").getNiceScroll().resize(); }); this is my code sample. Finally this works for me. $("#div-to-scroll").scroll(function(){ $("#div-to-scroll").getNiceScroll().resize(); }); Karolis Gerbauskas for me

滚动条插件nicescroll的使用

由 匿名 (未验证) 提交于 2019-12-03 00:02:01
https://www.hangge.com/blog/cache/detail_1931.html 使用： 修改滚动条： $("#thecondMenu_container").niceScroll({ 　　cursorcolor: "#b3b3b3", 　　background: "#eee", 　　cursorwidth: 8, 　　autohidemode: false }); 隐藏滚动条： $( "#div1" ).getNiceScroll().hide(); 滚动到某个指定位置： $( "#div1" ).getNiceScroll(0).doScrollLeft(100); 配置参数： touchbehavior: true //是否是触摸式滚动效果 cursorcolor: "#333" //滚动条的颜色值 //滚动条的透明度值 //滚动条的宽度值 background: "#00F" //滚动条的背景色，默认是透明的 autohidemode: true //滚动条是否是自动隐藏，默认值为 true 来源：博客园 作者： 你像一只失宠猫 链接：https://www.cnblogs.com/150536FBB/p/11498741.html

Operlapping Nicescroll scrolbars in Bootstrap tabs

由 天涯浪子 提交于 2019-12-01 12:37:32
I'm using Nicescroll to display scrollbars on bootstrap tabs. While it displays the scrollbars, if we initialize nicescroll on multiple tabs, the scroller from non-active tabs are also visible at all times. This fiddle is a recreation of the issue: http://jsfiddle.net/LittleLebowski/B86me/15/ Here's the code: HTML code <!-- Nav tabs --> <ul class="nav nav-tabs"> <li><a href="#home" data-toggle="tab">Home</a></li> <li><a href="#profile" data-toggle="tab">Profile</a></li> </ul> <!-- Tab panes --> <div class="tab-content"> <div class="tab-pane active" id="home"> <div class="scroller" data-height=
订阅 nicescroll