jScrollPane的使用(jquery滚动条插件)

正确开启jquery滚动条插件jScrollPane的使用教程 说到这个使用jScrollPane滚动条插件,我有点火了,在网上找到的教程基本上都是像下面这张图片那样教你使用,然鹅没有实际的demo展示,只能是呵呵啦 jScrollPane的简单介绍 jScrollPane是一个jQuery插件,它允许用HTML结构替换浏览器的默认滚动条(在具有溢出的元素上:auto),可以在css中自定义html。jScrollPane的设计灵活但非常易于使用。在您 下... 阅读详情

这是一个js的页面滚动条插件

使用时引入三个文件:(路径自行填写)

<link type="text/css" href="路径/jquery.jscrollpane.css" rel="stylesheet" media="all" />

<script type="text/javascript" src="路径/jquery.mousewheel.js"></script>
<script type="text/javascript" src="路径/jquery.jscrollpane.min.js"></script>


然后再给需要添加滚动条的容器加上一个方法,搞定

$(function(){

   

    $("#contentDiv").jScrollPane();


})


太好用了!


ps:如果要修改滚动条的默认样式可以打开jquery.jscrollpane.css文件修改

        当然这作为jquery的一个插件,原始的jquery包不能少且要放在插件包之前,本文略。

jquery jscrollpane.js滚动窗口仿微信聊天对话窗口样式(支持手机触屏拖动窗口).rar jquery jscrollpane.js滚动窗口仿微信聊天对话窗口样式(支持手机触屏拖动窗口) 立即下载

相关推荐

Jquery实现水平滚动条

Jquery插件实现水平滚动条,有DEMO,美观,大方,很实用,可以直接运行,看到效果!

用JScrollPane局部刷新当前可视区域的table

  前面代码略, table为扩展的JTable; table里定义了两个公用变量(这里是我另有用途,才加进去的,如果没有必要,你可以去掉)public int  scrollHorizontal ;public int  scrollWidth;在加入scroll之前的代码 scroll = new JScrollPane();     final JScrollBar jscVer

java_mars的专栏 3382

jquery jscrollpane.js滚动窗口微信聊天对话框

jquery jscrollpane.js滚动窗口微信聊天对话框

jScrollPane 滚动条

jScrollPane 滚动条

我的地盘 2008

hScrollPane美化滚动条插件并带焦点图切换

hScrollPane美化滚动条插件并带焦点图切换 hScrollPane美化滚动条插件并带焦点图切换 hScrollPane美化滚动条插件并带焦点图切换 hScrollPane美化滚动条插件并带焦点图切换

jquery滚动条插件jScrollPane的使用介绍

jScrollPane想必大家都不陌生吧它就是所谓的jquery滚动条插件,下面为大家介绍下其具体的使用,感兴趣的朋友不要错过

【亲测免费】 jQuery Mouse Wheel 插件使用教程

jQuery Mouse Wheel 插件是一个用于为网页元素添加跨浏览器鼠标滚轮支持的 jQuery 插件。该插件通过绑定 `mousewheel` 事件,使得开发者可以轻松地处理鼠标滚轮事件,并获取滚轮的滚动方向和距离。插件提供了 `mousewheel` 和 `unmousewheel` 两个辅助方法,类似于 jQuery 的其他事件辅助方法。 ## 2. 项目快速启动 ### 2.1 ...

gitblog_01199的博客 1388

Python海康相机api---超简单入坑学习必看

海康官网下载相机驱动​安装好以后找到Python的开发文件目录参考:D:\MVS\MVS\Development\Samples\Python\MvImport这几个文件很重要,想调用海康相机取图会用到.​为了写代码方便可以把这几个文件拷贝一下,跟你的api主文件放在同一个文件夹下可以减少80%的烦恼.​。

weixin_59360687的博客 3478

Web前端:Vue js 对构建用户界面有何好处?

VueJS 是一个用于创建动态应用程序的 Javascript 框架,所有开发的应用程序都应该是前端的,JavaScript 是一种用于各种 Web 开发项目的编程语言。

yueqian_edu的博客 1395

避坑指南:RK3588上编译EtherCAT 1.6时遇到的权限问题和模块安装错误

本文详细解析了在RK3588平台上编译EtherCAT 1.6时常见的权限问题和模块安装错误,提供了两种实战解决方案和嵌入式开发的通用权限管理策略。通过优化内核配置和编译参数,显著提升实时性能,帮助开发者高效完成EtherCAT主站部署。

weixin_33724046的博客 453

Orange:一个基于 Python 的数据挖掘和机器学习平台

Orange是一个开源的数据挖掘和机器学习平台,采用可视化编程方式,用户可通过拖拽组件构建数据分析工作流。它支持交互式数据探索、多种机器学习算法,并允许Python脚本扩展。Orange特别适合教育和研究,提供直观的界面和丰富的可视化工具。最新版本为3.39.0,支持Windows、macOS和Linux系统。作为GPL许可的免费工具,它既能满足初学者需求,又能通过Python集成实现高级功能。

likuoelie的博客 1435

2024年最全2024年Vue最常见的面试题以及填空题(面试必问),2024年最新前端app开发面试题

javascript是前端必要掌握的真正算得上是编程语言的语言,学会灵活运用javascript,将对以后学习工作有非常大的帮助。掌握它最重要的首先是学习好基础知识,而后通过不断的实战来提升我们的编程技巧和逻辑思维。这一块学习是持续的,直到我们真正掌握它并且能够灵活运用它。如果最开始学习一两遍之后,发现暂时没有提升的空间,我们可以暂时放一放。继续下面的学习,javascript贯穿我们前端工作中,在之后的学习实现里也会遇到和锻炼到。真正学习起来并不难理解,关键是灵活运用。

2401_84447297的博客 943

Cesium 场景特效之【全球海洋】GL2兼容版

Cesium 场景特效之【全球海洋】GL2兼容版

喜欢钻研前端和分享技术 1278

vue2.0-常用的几个指令

面 讲述vue2.0的常用的十个指令: 1. v-text 指令 v-text指令用于更新标签包含的文本,它的作用跟双大括号的效果一样。我们看看它的用法: 2. v-html 指令 它帮助我们绑定一些包含html代码的数据在视图上。比如:“<b>hello,vue</b>”,这个字符串包含了<b>标签,要想<b...

weixin_30478923的博客 206

第二节:Vben Admin 最新 v5.0 (vben5) + Python Flask 快速入门 - Python Flask 后端开发详解(附源码)

大家好,我是cuiwin!本节内容,我们从零开始开发基于Python(Flask)的后端项目,对接Vue Vben Admin(vben5)。登录mysql数据库执行: 创建数据库。

cuiwin的专栏 2265

从 Token 到 Agent:一文串起 AI 大模型核心概念

摘要:本文系统解析了现代AI系统的八大核心概念:Token(语言处理的最小单位)、Context(AI的短期记忆)、Prompt(指令接口)、Tool(能力扩展器)、MCP(工具生态协议)、Agent(自主智能体)和AgentSkill(专业技能封装)。文章揭示了这些概念如何共同构成AI从基础语言理解到自主决策的技术脉络,重点阐述了Token对计算成本的影响、Prompt工程的重要性、Tool如何突破AI的能力边界,以及Agent如何通过"感知-规划-执行-反思"循环完成复杂任务。最后指

jundao1997的专栏 249

Vue.js知识总结——指令

Vue指令(Directives)是带有 v- 前缀的特殊属性。指令属性的值预期是单个 JavaScript 表达式。指令的职责是,当表达式的值改变时,将其产生的连带影响,响应式地作用于 DOM。 1. v-text 指令v-text 指令用于更新标签包含的文本,它的作用跟双大括号 {{ }} 的效果一样。我们看看它的用法: <div id="app"> <p v-text="msg"><

wu_Duo的博客 1009

线程池详解(通俗易懂超级好)

目标 【理解】线程池基本概念 【理解】线程池工作原理 【掌握】自定义线程池 【应用】java内置线程池 【应用】使用java内置线程池完成综合案例 线程池 线程池基础 线程池使用 线程池综合案例 4.学员练习 5.线程池总结 概念介绍 1:什么是线程池 2:为什么使用线程池 3:线程池有哪些优势 什么是池 什么是线程池 线程池其实就是一种多线程处理形式,处理过程中可以将任务添加到队列中,然后在创建线程后自动启动这些任务。这里的线程就是我们前面学过的线程,这里的任务就是我们前面学过的实现了Runna.

拉格朗日的学习笔记 12万+

Vue实战前必须掌握的10个指令

1. v-text 指令 v-text 指令用于更新标签包含的文本。我们看看它的用法: 我们给<p></p>标签加上了指令 v-text ,它的值就是我们data数据中的msg,就这么简单,最后我们来看看渲染结果: 它的作用跟{{ msg }}效果是一样的: 2. v-html 指令 v-html 这...

weixin_33755554的博客 127

数据分析案例-汽车客户信息数据可视化分析

本数据集来源于kaggle,原始数据集共有8068条,11个特征变量,各变量含义解释如下:ID:客户IDGender:客户性别Ever_Married:客户婚姻状况Age:客户年龄Graduated:客户是毕业生吗?Profession:客户的职业Work_Experience:多年工作经验Spending_Score:客户的消费评分Family_Size:客户家庭成员人数(含客户)Var_1:客户的匿名类别Segmentation:(目标)客户的客户群。

m0_64336780的博客 1万+

迈瑞BS系列全自动生化分析仪LIS协议接口手册(内含HL7和ASTM)

迈瑞BS系列全自动生化分析仪LIS协议接口手册,内含HL7和ASTM)

5分钟学会diff2html:打造专业级Git差异可视化体验

Git差异可视化工具diff2html是一个强大的JavaScript库,能够将原始的Git差异或统一差异格式转换为美观的HTML格式。无论你是开发者、技术文档编写者还是项目管理者,这个代码对比工具都能帮助你以更优雅的方式展示代码变更,让代码审查和版本控制变得更加直观易懂。 ## 🔍 问题:为什么需要专业的Git差异可视化工具? 在日常开发中,我们经常需要: 1. **代码审查困难**:原

gitblog_00492的博客 440

假人有限元模型

假人模型,车辆碰撞假人有限元模型,适合做乘员安全的研究者利用

深空天体摄影社基于HarmonyOS ArkTS API 24支持 @Builder 自定义构建函数、@Styles 样式复用、@Extend 扩展内置组件等特性,极大地提升了 UI 代码的组织能力

在移动互联网与智能穿戴设备高度普及的今天,"习惯养成"已经从一个模糊的自我管理理念,演变为一个可量化、可追踪、可视化的数字化产品赛道。越来越多的人希望借助手中的智能终端,把"早起、冥想、阅读、运动"这些抽象的自律行为,转化为一条条清晰的数据曲线和一张张可触摸的打卡卡片。而鸿蒙生态(HarmonyOS)凭借其跨设备协同、分布式软总线以及声明式 UI 开发框架 ArkUI,为这类注重"轻量化交互 + 即时反馈"的生活方式类应用提供了极为理想的生长土壤。本应用正是一款面向"晨间场景"深度打磨的习惯追踪工具。它聚焦

jin421352的博客 197

IEM模型,地表粗糙度模拟

利用微波反演土壤水分时候,利用IEM模型可以实现对随机地表的模拟

IMSL CNL 7.0.0 (x86-64)Crack

IMSL CNL 7.0.0 (x86-64)Crack intel的算法库破解文件,这是C++版本的破解文件

HarmonyOS 6效果实现:animateTo 和 .animation 属性的曲线库新增了更多贝塞尔曲线预设,弹性动画和阻尼动画的支持更加完善

应用首先定义了课程项的数据模型。CourseIteminterface 包含 12 个属性字段,覆盖了一门课程的全部展示维度。其中id为数值类型主键,用于ForEach的键值生成。free为布尔类型,标记该课程是否可以免费学习或积分兑换。其余字段均为字符串类型,包括课程标题、封面 emoji 图标、讲师信息、章节数、学时、学员数、评分、价格和标签。这种纯数据 interface 的设计是 ArkTS 的典型实践。

2501_92985290的博客 152

基于 HarmonyOS ArkTS API 24 Boolean 开关 armed 二次勾选,危险操作强制校验交互逻辑

鸿蒙操作系统(HarmonyOS)作为华为面向万物互联时代打造的分布式操作系统,其应用开发框架经历了从早期的Java-based到如今全面拥抱声明式UI范式的重大变革。在鸿蒙的生态体系中,ArkUI作为统一的UI开发框架,提供了两种主要的开发范式:基于JavaScript/TypeScript的类Web范式和基于ArkTS的声明式范式。其中,ArkTS声明式UI范式是华为官方主推的现代化开发方式,它深度融合了TypeScript的类型系统和响应式编程理念,让开发者能够以更加简洁、高效的方式构建出性能优异、体

2401_86049470的博客 207

jscrollpane自定义滚动条用法,jscrollpane滚动条美化插件使用方法——转

前端开发者面对不同浏览器对滚动条渲染的差异,可以使用jScrollPane这款JQuery插件解决,jScrollPane在模拟浏览器滚动条技术中显示出了强大的优越性。 jScrollPane这个jQuery插件可以让你通过简单的CSS设置就能够替换所有分块元素在浏览器中默认的垂直滚动条样式。 http://jscrollpane.kelvinluck.com/这是这款插件的官方...

a18523047994的博客 1001
上一篇: 快速移动鼠标导致js 的mouseover,mouseout,mouseenter,mouseleave等事件(触发动画)反复叠加的处理
下一篇: javascript判断浏览器是哪一款
code旅行者
博客等级 码龄15年 22粉丝 107原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值