- Jquery.nicescroll()插件:页面初始化滚动条不显示问题
浪漫天下
链接:jquery的niceScroll没显示滚动条-小白&小菜-博客园问题描述:本地数据使用niceScroll插件没有出现上述问题,首次进入页面可以正常显示出来。但是当使用滚动条的标签有ajax请求的数据填充时,就会出现页面刷新后不显示滚动条,必须将页面缩放才能正常展示。解决方法:将$(selector).niceScroll()放在ajax返回成功的函数里,即在ajax完成时填充数据完成后,
- nicescroller 滚动条插件 改变样式 美化 以及刷新
清茶杯
配合刷新方法constmyEvent=newEvent('resize')window.dispatchEvent(myEvent)$("#div1").niceScroll({touchbehavior:true,//是否是触摸式滚动效果cursorcolor:"#333",//滚动条的颜色值cursoropacitymax:0.6,//滚动条的透明度值cursorwidth:20,//滚动条的
- 滚动条插件 NiceScroll 使用详解
阿遥_d17d
有时为了保持页面风格的统一,我们需要修改滚动条的样式。虽然我们可以通过CSS设置滚动条各部分的颜色样式,但这种方式不支持老版本的浏览器。而且不同的浏览器下,CSS滚动条属性的写法也不一样,如果各个浏览器都需要兼容(特别是移动设备的浏览器),那就十分麻烦了。这里推荐一个十分好用的滚动条插件:Nicescroll一、NiceScroll介绍NiceScroll是一款完全基于jQuery框架的滚动条插件
- jQuery自定义下拉框
小魔女_b68a
一、自定义原因1.项目定制化需求,下拉框的样式包括滚动条都需要同现有客户端(QTqml开发)版本保持一致;2.据有web前端经验开发人员告知,select滚动条样式不可以改变。后来google了之后发现是可以的,采用jquery-nicescroll.js插件,但我并没有尝试,原因有以下两点;3.嵌入Qt的界面,下拉框滚动条只能鼠标滚动,单击滚动条不能滚动;4.嵌入Qt的界面,在mainwindo
- jquery.nicescroll用法
女王陛下的喵
一定要放在$(document).ready中进行初始化!//1.最简单的用法如下:$(document).ready(function(){$("html").niceScroll();});//2.Instancewithobjectreturned:varnice=false;$(document).ready(function(){nice=$("html").niceScroll();}
- 【vue】 “jquery.nicescroll” 改变菜单滚动条样式 & 滚动条隐藏,“scrollbar”:element隐藏组件
BAGBANG
vuevue滚动条样式scrollbarelement-ui
2019-07-31使用element隐藏的scroll组件如果项目有引入element-ui框架,觉得直接用element隐藏的scroll组件最方便快捷了插入想要引入的内容设置高度height,横向滚动条隐藏.el-scrollbar__wrap{overflow-x:hidden;}更改样式,例如设置背景色.el-scrollbar__bar.is-vertical>div{backgrou
- angular 滚动条插件
weixin_30758821
因为工作上的要求,需要美化滚动条样式,自己又没有时间来写了,只好上网找一个现成的插件来使用,最先考虑的niceScroll插件,但是发现在内容增加的时候,nicescroll没有办法重新出发滚动条长短(或者是我自己没找对方法),后来有试用了jqueryScrollbar这个插件。虽然调试过程中也遇到了问题,但最终都解决了。下面就是我具体遇到的问题,和解决的办法使用插件直接在需要滚动条的元素上添加一
- jQuery+nicescroll滚动条实现视频点播页面
黑色星期五
前端
效果预览HTMLjQuery列表带拖动条点击切换视频特效/*格式化样式*/body{margin:0;padding:0;font-family:MicrosoftYaHei!important;background-color:#F5F5F5;}ul,dl,dt,dd,h1,h2,h3,h4,h5,h6,form{padding:0;margin:0;}ul{list-style:none;}i
- jQuery 滚动条插件之移动端 左右滑动不出现滚动条
cometwo
web前端学习
下载demo:http://download.csdn.net/detail/cometwo/9523908jquery.nicescroll无滚动条左右拖拽-站长素材body{width:100%;background:white;}#main{padding:1px;overflow:hidden;}$(document).ready(function(){varnicesx=$("#boxs
- 各种UI组件
从前慢pearl
1,控件2,ueditor后台文档编辑用来写文章传代码结构保存到数据库前端显示3,饿了么移动前端开源组件UI饿了么PC前端开源组件UI4,微信UI组件微信风移动端组件5,可适配移动端vueUI组件6,后台模板7,轮播组件轮播组件8,富文本编辑wangeditor3别人的博客总结9,后台官网组件功能layui10,各种滑动效果Superslide11,美化滚动条jquery.nicescroll.j
- HTML 自定义实现emoji
qqq514058070
Html自定义emoji需要材料jquery.min.jsjquery.nicescroll.min.jsemoji图片素材导入jsCSS定义.emoji_container{border:1pxlightgraysolid;width:90%;height:274px;overflow-y:auto;display:none;padding:5px;z-index:1999;}.emoji_wr
- 使用finereport自定义滚动条
江湖行骗老中医
帆软学习文档
使用finereport自定义滚动条/*jquery.nicescrollv3.7.6InuYaksa-MIT-https://nicescroll.areaaperta.com*/!function(e){"function"==typeofdefine&&define.amd?define(["jquery"],e):"object"==typeofexports?module.exports
- jquery.nicescroll.min.js滚动条插件的用法
longzhoufeng
插件
Nicescroll滚动条插件是一个非常强大的基于jQuery的滚动条插件,不需要增加额外的css,几乎全浏览器兼容。ie6+,实现只需要一段代码,侵入性非常小,样式可完全自定义,支持触摸事件,可在触摸屏上使用。官网地址:http://www.areaaperta.com/nicescroll/引入核心文件,插件需要引入1.5.X以上版本的jquery库1、最简单的用法如下:$(document)
- vue项目中全局引用jquery 、引用外部js的多种方式(外部纯函数js、外部自执行js、外部js插件),附niceScroll滚动条插件使用
广积粮缓称王
vue项目中全局引用jquery:1、“npminstalljquery--save”命令安装jquery2、在项目根目录下的build目录下找到webpack.base.conf.js文件,在开头使用以下代码引入webpack,如下varwebpack=require('webpack')3、在webpack.base.conf.js配置文件的module.exports对象中添加一段代码如下p
- niceScroll滚动条出现在div的左侧(PS:原本应该出现在div右侧)
柒仔不安
niceScroll
一、问题在用jquery.nicescroll.js时,发现滚动条出现在div的左侧,正常情况下应该出现在右侧的。如图:获取当前浏览器可视宽度和高度(不是整体BODY)JQ:$(window).width()$(window).height()(2)获取整个浏览器宽度高度JQ:$(document).width()150){.....}else{....}}(8)隐藏滚动条:nicescroll.jshttps://blog.csdn.net/zyy_0725/article/det
- Nicescroll滚动条插件的用法
三天不学习
【JS】Jquery
Nicescroll滚动条插件是一个非常强大的基于JQUERY的滚动条插件,不需要增加额外的css,几乎全浏览器兼容。ie6+,实现只需要一段代码,侵入性非常小,样式可完全自定义,支持触摸事件,可在触摸屏上使用。官网地址:http://www.areaaperta.com/nicescroll/引入核心文件,插件需要引入1.5.X以上版本的jquery库最简单的用法如下:$(document).r
- jquery的niceScroll没显示滚动条
weixin_34296641
原因一:需要滚动条的标签使用了绝对布局(position:absolute),而且z-index>0。解决办法:niceScroll({zindex:200});这里设置zindex的值要比标签的z-index大。原因二:需要滚动条的标签使用了ajax填充数据。(刚开始没写在成功回调中,导致移动端滚动条没显示)解决办法:将$(selector).niceScroll()放在ajax返回成功的函数里
- 手把手带你造swiper
九分的咖啡店II
前言作为前端技术人员,我们一开始使用着jquery做各种dom操作,使用基于它的插件例如nicescroll、pagination等等做各种特殊功能处理,后来业界又出现了backbone、angularjs、vue、react等等各种库,给我们的开发带来无尽的便利,但对这些库或框架使用得越多,你有没有感觉自己的底层能力越来越弱?对基本js的驾驭能力越来越力不从心?这就是过渡使用框架的结果,我自己在
- niceScroll 在iframe中鼠标滚轮滚动父页面不跟随
一沭丶
在iframe的页面底部。body结束标签前添加如下代码:(function(){varbody=document.body;varparent=window.parent;if(parent&&("createEvent"indocument)){varisoldie=("documentMode"indocument);//11-varismsedge=("msCredentials"inwi
- jquery.nicescroll.min.js滚动条使用方法
空谷悠
(摘自博客园,原网址http://www.cnblogs.com/reweb/p/3268775.html)jquery.nicescroll.min.js滚动条使用方法,Nicescroll是制作自定义滚动条的jq插件。支持div,iframe,html等使用,兼容IE7-8,safari,firefox,webkit内核浏览器(chrome,safari)以及智能终端设备浏览器的滚动条。页面使
- jquery+php+ajax显示上传进度的多图片上传并生成缩略图代码
本例用到其他2个phpclass.upload.php和functions.php还有css和js以及img文件完整实例代码点击此处本站下载。效果图如下:实现代码如下:JavaScript代码如下:复制代码代码如下:$(document).ready(function(){$("#filelist").niceScroll({cursorwidth:"8px",cursorborderradius
- 滚动条美化插件jquery.nicescroll
Gendan5
jquery
今天给大家介绍一个滚动条美化插件jquery.nicescroll,这个插件有以下一个主意事项:1、兼容所有最新的桌面浏览器和旧版:Chrome,Firefox,Edge,IE8+,Safari(win/mac),Opera2、兼容移动设备:iPad/iPhone/iPod,Android4+,Blackberry手机和Playbook(WebWorks/TableOS),WindowsPhone
- jQuery 的 resize 方法扩展,支持 window 对象以外的 dom 元素
Robin_zero
javascriptjquery插件
现在有一个需求,当窗口或者容器高度发生变化时,更新滚动条,滚动条插件使用的是jQuery.NiceScroll,需要同时监听window对象和div容器的resize事件。事实上,jQuery官方是有$(window).resize()事件的,只不过只能监听window对象,下面是方法代码,请在引入jQuery之后使用!代码示例://监听div大小变化(function($,h,c){vara=$
- jQuery滚动条美化插件nicescroll简单用法示例
包子源
本文实例讲述了jQuery滚动条美化插件nicescroll简单用法。分享给大家供大家参考,具体如下:你是否遇到过这种情况:想要在网页中嵌入div块并且局部滚动,但滚动条太难看啦!!!使用jquery.nicescroll来美化滚动条吧(soeasy!!):首先:下载jquery.nicescroll.js。百度一下哦!!!(或者像本例所示直接使用CDN地址)然后引入jquery.nicescro
- Angular5中调用第三方js插件的方法
HuichaoYin
话不多说直入主题,最常见的有三种方式来引用第三方插件,下面以jquery插件及基于JQuery的两款插件:nicescroll和rangeSlider为例。一、第一种方式:在.angular-cli.json文件中配置步骤:1.在项目根目录.angular-cli.json文件中找到script字段,在数组中添加要引用的所有js文件(注意先后顺序)"scripts":["assets/jquery
- jQuery niceScroll滚动条错位问题的解决方法
夜光星空
虽然niceScroll插件很好用,毕竟它不依赖css,只是单纯的js就可以设置出好看的滚动条了。最近在项目中使用到niceScroll,而且在表格里有横滚动条,竖滚动条时很容易错位,就是滚动条会悬浮在半空,并不是在div的底部或右边,打开f12可看到滚动条并不是直接定位在div里面,而是在整个body最后,和要使用定位的div同级,这而导致了这个bug,尤其是在IE下更明显,滚动条四处飞��( ̄
- 基于 jquery.nicescroll 实现瀑布流
过桥
起因PC端中大量使用jquery.nicescroll滚动条,现需实现列表瀑布流加载实现过程1、查看API,希望能直接找到加载至底部事件检索后发现针对插件参数设置、加载样式描述十分详细,但关于事件描述较少部分参数设置截图,更多需参考尾页链接经调试、观察源码确定滚动事件方法可获取当前滚动条高度debugger部分源码$("#xxxxx").getNiceScroll(0).scrollend(fun
- Nicescroll滚动条插件的用法
Gaochengxin
Nicescroll滚动条插件是一个非常强大的基于JQUERY的滚动条插件,不需要增加额外的css,几乎全浏览器兼容。ie6+,实现只需要一段代码,侵入性非常小,样式可完全自定义,支持触摸事件,可在触摸屏上使用。官网地址:http://www.areaaperta.com/nicescroll/引入核心文件,插件需要引入1.5.X以上版本的jquery库最简单的用法如下:$(document).r
- jQuery中Nicescroll滚动条插件的用法
夜螟蛉
本篇文章主要介绍了jQuery中Nicescroll滚动条插件的用法,Nicescroll滚动条插件是一个非常强大的基于jQuery的滚动条插件,有需要的可以了解下。Nicescroll滚动条插件是一个非常强大的基于jQuery的滚动条插件,不需要增加额外的css,几乎全浏览器兼容。ie6+,实现只需要一段代码,侵入性非常小,样式可完全自定义,支持触摸事件,可在触摸屏上使用。Nicescroll官
- eclipse maven
IXHONG
eclipse
eclipse中使用maven插件的时候,运行run as maven build的时候报错
-Dmaven.multiModuleProjectDirectory system propery is not set. Check $M2_HOME environment variable and mvn script match.
可以设一个环境变量M2_HOME指
- timer cancel方法的一个小实例
alleni123
多线程timer
package com.lj.timer;
import java.util.Date;
import java.util.Timer;
import java.util.TimerTask;
public class MyTimer extends TimerTask
{
private int a;
private Timer timer;
pub
- MySQL数据库在Linux下的安装
ducklsl
mysql
1.建好一个专门放置MySQL的目录
/mysql/db数据库目录
/mysql/data数据库数据文件目录
2.配置用户,添加专门的MySQL管理用户
>groupadd mysql ----添加用户组
>useradd -g mysql mysql ----在mysql用户组中添加一个mysql用户
3.配置,生成并安装MySQL
>cmake -D
- spring------>>cvc-elt.1: Cannot find the declaration of element
Array_06
springbean
将--------
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
xmlns:xsi="http://www.w3
- maven发布第三方jar的一些问题
cugfy
maven
maven中发布 第三方jar到nexus仓库使用的是 deploy:deploy-file命令
有许多参数,具体可查看
http://maven.apache.org/plugins/maven-deploy-plugin/deploy-file-mojo.html
以下是一个例子:
mvn deploy:deploy-file -DgroupId=xpp3
- MYSQL下载及安装
357029540
mysql
好久没有去安装过MYSQL,今天自己在安装完MYSQL过后用navicat for mysql去厕测试链接的时候出现了10061的问题,因为的的MYSQL是最新版本为5.6.24,所以下载的文件夹里没有my.ini文件,所以在网上找了很多方法还是没有找到怎么解决问题,最后看到了一篇百度经验里有这个的介绍,按照其步骤也完成了安装,在这里给大家分享下这个链接的地址
- ios TableView cell的布局
张亚雄
tableview
cell.imageView.image = [UIImage imageNamed:[imageArray objectAtIndex:[indexPath row]]];
CGSize itemSize = CGSizeMake(60, 50);
&nbs
- Java编码转义
adminjun
java编码转义
import java.io.UnsupportedEncodingException;
/**
* 转换字符串的编码
*/
public class ChangeCharset {
/** 7位ASCII字符,也叫作ISO646-US、Unicode字符集的基本拉丁块 */
public static final Strin
- Tomcat 配置和spring
aijuans
spring
简介
Tomcat启动时,先找系统变量CATALINA_BASE,如果没有,则找CATALINA_HOME。然后找这个变量所指的目录下的conf文件夹,从中读取配置文件。最重要的配置文件:server.xml 。要配置tomcat,基本上了解server.xml,context.xml和web.xml。
Server.xml -- tomcat主
- Java打印当前目录下的所有子目录和文件
ayaoxinchao
递归File
其实这个没啥技术含量,大湿们不要操笑哦,只是做一个简单的记录,简单用了一下递归算法。
import java.io.File;
/**
* @author Perlin
* @date 2014-6-30
*/
public class PrintDirectory {
public static void printDirectory(File f
- linux安装mysql出现libs报冲突解决
BigBird2012
linux
linux安装mysql出现libs报冲突解决
安装mysql出现
file /usr/share/mysql/ukrainian/errmsg.sys from install of MySQL-server-5.5.33-1.linux2.6.i386 conflicts with file from package mysql-libs-5.1.61-4.el6.i686
- jedis连接池使用实例
bijian1013
redisjedis连接池jedis
实例代码:
package com.bijian.study;
import java.util.ArrayList;
import java.util.List;
import redis.clients.jedis.Jedis;
import redis.clients.jedis.JedisPool;
import redis.clients.jedis.JedisPoo
- 关于朋友
bingyingao
朋友兴趣爱好维持
成为朋友的必要条件:
志相同,道不合,可以成为朋友。譬如马云、周星驰一个是商人,一个是影星,可谓道不同,但都很有梦想,都要在各自领域里做到最好,当他们遇到一起,互相欣赏,可以畅谈两个小时。
志不同,道相合,也可以成为朋友。譬如有时候看到两个一个成绩很好每次考试争做第一,一个成绩很差的同学是好朋友。他们志向不相同,但他
- 【Spark七十九】Spark RDD API一
bit1129
spark
aggregate
package spark.examples.rddapi
import org.apache.spark.{SparkConf, SparkContext}
//测试RDD的aggregate方法
object AggregateTest {
def main(args: Array[String]) {
val conf = new Spar
- ktap 0.1 released
bookjovi
kerneltracing
Dear,
I'm pleased to announce that ktap release v0.1, this is the first official
release of ktap project, it is expected that this release is not fully
functional or very stable and we welcome bu
- 能保存Properties文件注释的Properties工具类
BrokenDreams
properties
今天遇到一个小需求:由于java.util.Properties读取属性文件时会忽略注释,当写回去的时候,注释都没了。恰好一个项目中的配置文件会在部署后被某个Java程序修改一下,但修改了之后注释全没了,可能会给以后的参数调整带来困难。所以要解决这个问题。
&nb
- 读《研磨设计模式》-代码笔记-外观模式-Facade
bylijinnan
java设计模式
声明: 本文只为方便我个人查阅和理解,详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/
/*
* 百度百科的定义:
* Facade(外观)模式为子系统中的各类(或结构与方法)提供一个简明一致的界面,
* 隐藏子系统的复杂性,使子系统更加容易使用。他是为子系统中的一组接口所提供的一个一致的界面
*
* 可简单地
- After Effects教程收集
cherishLC
After Effects
1、中文入门
http://study.163.com/course/courseMain.htm?courseId=730009
2、videocopilot英文入门教程(中文字幕)
http://www.youku.com/playlist_show/id_17893193.html
英文原址:
http://www.videocopilot.net/basic/
素
- Linux Apache 安装过程
crabdave
apache
Linux Apache 安装过程
下载新版本:
apr-1.4.2.tar.gz(下载网站:http://apr.apache.org/download.cgi)
apr-util-1.3.9.tar.gz(下载网站:http://apr.apache.org/download.cgi)
httpd-2.2.15.tar.gz(下载网站:http://httpd.apac
- Shell学习 之 变量赋值和引用
daizj
shell变量引用赋值
本文转自:http://www.cnblogs.com/papam/articles/1548679.html
Shell编程中,使用变量无需事先声明,同时变量名的命名须遵循如下规则:
首个字符必须为字母(a-z,A-Z)
中间不能有空格,可以使用下划线(_)
不能使用标点符号
不能使用bash里的关键字(可用help命令查看保留关键字)
需要给变量赋值时,可以这么写:
- Java SE 第一讲(Java SE入门、JDK的下载与安装、第一个Java程序、Java程序的编译与执行)
dcj3sjt126com
javajdk
Java SE 第一讲:
Java SE:Java Standard Edition
Java ME: Java Mobile Edition
Java EE:Java Enterprise Edition
Java是由Sun公司推出的(今年初被Oracle公司收购)。
收购价格:74亿美金
J2SE、J2ME、J2EE
JDK:Java Development
- YII给用户登录加上验证码
dcj3sjt126com
yii
1、在SiteController中添加如下代码:
/**
* Declares class-based actions.
*/
public function actions() {
return array(
// captcha action renders the CAPTCHA image displ
- Lucene使用说明
dyy_gusi
Lucenesearch分词器
Lucene使用说明
1、lucene简介
1.1、什么是lucene
Lucene是一个全文搜索框架,而不是应用产品。因此它并不像baidu或者googleDesktop那种拿来就能用,它只是提供了一种工具让你能实现这些产品和功能。
1.2、lucene能做什么
要回答这个问题,先要了解lucene的本质。实际
- 学习编程并不难,做到以下几点即可!
gcq511120594
数据结构编程算法
不论你是想自己设计游戏,还是开发iPhone或安卓手机上的应用,还是仅仅为了娱乐,学习编程语言都是一条必经之路。编程语言种类繁多,用途各 异,然而一旦掌握其中之一,其他的也就迎刃而解。作为初学者,你可能要先从Java或HTML开始学,一旦掌握了一门编程语言,你就发挥无穷的想象,开发 各种神奇的软件啦。
1、确定目标
学习编程语言既充满乐趣,又充满挑战。有些花费多年时间学习一门编程语言的大学生到
- Java面试十问之三:Java与C++内存回收机制的差别
HNUlanwei
javaC++finalize()堆栈内存回收
大家知道, Java 除了那 8 种基本类型以外,其他都是对象类型(又称为引用类型)的数据。 JVM 会把程序创建的对象存放在堆空间中,那什么又是堆空间呢?其实,堆( Heap)是一个运行时的数据存储区,从它可以分配大小各异的空间。一般,运行时的数据存储区有堆( Heap)和堆栈( Stack),所以要先看它们里面可以分配哪些类型的对象实体,然后才知道如何均衡使用这两种存储区。一般来说,栈中存放的
- 第二章 Nginx+Lua开发入门
jinnianshilongnian
nginxlua
Nginx入门
本文目的是学习Nginx+Lua开发,对于Nginx基本知识可以参考如下文章:
nginx启动、关闭、重启
http://www.cnblogs.com/derekchen/archive/2011/02/17/1957209.html
agentzh 的 Nginx 教程
http://openresty.org/download/agentzh-nginx-tutor
- MongoDB windows安装 基本命令
liyonghui160com
windows安装
安装目录:
D:\MongoDB\
新建目录
D:\MongoDB\data\db
4.启动进城:
cd D:\MongoDB\bin
mongod -dbpath D:\MongoDB\data\db
&n
- Linux下通过源码编译安装程序
pda158
linux
一、程序的组成部分 Linux下程序大都是由以下几部分组成: 二进制文件:也就是可以运行的程序文件 库文件:就是通常我们见到的lib目录下的文件 配置文件:这个不必多说,都知道 帮助文档:通常是我们在linux下用man命令查看的命令的文档
二、linux下程序的存放目录 linux程序的存放目录大致有三个地方: /etc, /b
- WEB开发编程的职业生涯4个阶段
shw3588
编程Web工作生活
觉得自己什么都会
2007年从学校毕业,凭借自己原创的ASP毕业设计,以为自己很厉害似的,信心满满去东莞找工作,找面试成功率确实很高,只是工资不高,但依旧无法磨灭那过分的自信,那时候什么考勤系统、什么OA系统、什么ERP,什么都觉得有信心,这样的生涯大概持续了约一年。
根本不是自己想的那样
2008年开始接触很多工作相关的东西,发现太多东西自己根本不会,都需要去学,不管是asp还是js,
- 遭遇jsonp同域下变作post请求的坑
vb2005xu
jsonp同域post
今天迁移一个站点时遇到一个坑爹问题,同一个jsonp接口在跨域时都能调用成功,但是在同域下调用虽然成功,但是数据却有问题. 此处贴出我的后端代码片段
$mi_id = htmlspecialchars(trim($_GET['mi_id ']));
$mi_cv = htmlspecialchars(trim($_GET['mi_cv ']));
贴出我前端代码片段:
$.aj