jQuery slimScroll窗口resize时重新调整滚动区域尺寸

jQuery滚动条插件jqueryslimscrolljs jQuery滚动条插件 – jquery.slimscroll.js。jquery.slimscroll.js插件是一个支持把内容放在一个盒子里面,固定一个高度,超出的则使用滚动。 立即下载

jQuery slimScroll窗口resize时重新调整尺寸

在使用slimScroll时,不支持resize调整;今天看了一下源码,修改部分源码使支持resize;

function setScroll(){
    $(".box-list").slimScroll({
    	height: boxHeight,
    	alwaysVisible: true,
    });
}
setScroll();
$(window).on("resize",setScroll);

源码调整部分:

if(f.isPlainObject(h)) {
	if("height" in h && "auto" == h.height) {
		b.parent().css("height", "auto");
		b.css("height", "auto");
		var q = b.parent().parent().height();
		console.log(b[0]);
		b.parent().css("height", q);
		b.css("height", q)
		
	}else if("height" in h && b.height() != parseInt(h.height)){
		b.parent().css("height",h.height);
		b.css("height", h.height)
	}
	if("scrollTo" in h) n = parseInt(a.scrollTo);
	else if("scrollBy" in h) n += parseInt(a.scrollBy);
	else if("destroy" in h) {
		c.remove();
		g.remove();
		b.unwrap();
		return
	}
	m(n, !1, !0)
}
实用jQuery滚动条特效插件jQueryslimScroll 一款功能强大的滚动条插件jQuery slimScroll,不仅可以定义高度、宽度,还可以定义位置、滚动条大小、 尺寸、颜色以及众多参数自定义,非常不错,推荐大家使用 立即下载

相关推荐

jquery滚动条插件slimScroll使用方法

主要为大家详细介绍了jquery滚动条插件slimScroll的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

【亲测免费】 jQuery slimScroll: 轻量级的滚动条插件

jQuery slimScroll: 轻量级的滚动条插件 是一个轻量级、易使用的 jQuery 插件,可以将任何 HTML 元素变成可滚动的内容区域。它的主要特点是高度定制化和响应式设计,适用于各种移动设备和平板电脑。 slimScroll 的应用场景 slimScroll 可以用于以下场景: 网站布局:为网页的侧边栏、菜单或导航栏添加滚动功能。 对话框和模态窗口:在弹出框或模态窗口中实现垂直或...

gitblog_00062的博客 2498

Allegro网表导入报错VOIDs not allowed in parent SHAPE的解决方案

在PCB设计流程中,网表导入是确保电气连接正确传递的关键步骤。其原理是将原理图的逻辑连接关系映射到物理版图的图形数据库中。这一过程的技术价值在于保证设计数据的一致性,避免后续生产中出现电气错误。然而,在Cadence Allegro等EDA工具的实际应用中,数据库内部状态的不一致可能引发操作失败,例如常见的“VOIDs are not allowed in the parent SHAPE”报错。这类问题通常源于多人协作、跨版本操作或频繁编辑后积累的数据结构冗余。针对此场景,核心的解决方法是执行Databa

weixin_30954817的博客 319

jQuery插件之slimScroll滚动条

slimScroll滚动条 作用: 将任何div转换成一个带有滚动条的可滚动区域。 slimScroll不占用任何视觉空间,因为它只出现在用户鼠标移入到这个div上的时候。 当用户进行onmouseover等鼠标移入的动作,滚动条才会显示出来。用户可以拖动滚动条或使用鼠标滚轮改变滚动值。 用法: 首次使用的时候要先引入JQuery再引入.slimScroll插件 ...

凌风的博客 7843

ESP32驱动GC9A01圆形屏实战:Arduino平台LVGL移植与图像显示优化

本文详细介绍了在Arduino平台上使用ESP32驱动GC9A01圆形屏的实战指南,包括硬件连接、LVGL移植与图像显示优化。通过SPI配置、LVGL库安装和双缓冲机制等技巧,帮助开发者快速实现高效显示效果,适用于智能家居控制面板等应用场景。

weixin_29182481的博客 734

开源CC6920差分霍尔电流传感器模块实战指南——从选型到波形分析

本文详细介绍了CC6920差分霍尔电流传感器模块的选型、硬件连接、参数计算及波形分析技巧。通过实战案例,展示了该开源硬件在电流测量中的优势,包括超低内阻、电气隔离和抗干扰能力,适用于电机控制、开关电源保护等场景。

weixin_28738397的博客 376

滚动条插件

介绍: 把任何div元素包裹的内容区加上具有好的滚动条。slimscroll不占用任何视觉空间,它只出现在一个用户启动的鼠标。用户可以拖动滚动条或使用鼠标滚轮改变滚动值。 使用方式: 全局引入: npm install jquery-slimscroll 引入jq和slimscroll.js文件 <script type="text/javascript" src="js/jque...

lavendersue的博客 960

centos7 清理缓存

一、系统环境 系统版本 CentOS Linux release 7.3.1611 (Core) 内核版本 Linux xx-user 3.10.0-514.el7.x86_64 #1 SMP 背景 服务器分配的账号是普通用户,只能执行sudo命令 二、缓存查看及基本概念 查看内存使用情况 [user01@xx-user ~]$ free -h total used free shared buff/cache availabl

sunzq55的博客 4002

java滚动条下拉_[Java教程]相对漂亮的滚动条slimscroll可以实现下拉加载

[Java教程]相对漂亮的滚动条slimscroll可以实现下拉加载0 2016-03-23 16:00:05在之前的开发中遇到过下拉加载想要漂亮点的滚动条,但是最初引入的mCustomScrollbar发现不适合我当前的下拉加载模式(当然肯定有其他办法,但是我习惯了现在的下拉加载模式)。我的下拉加载用的是检测滚动条位置来判断是否加载更多var nScrollHight = 0; /...

weixin_39989862的博客 317

RDMA 出现背景、如何实现?如何测试连通性?

文章目录一、背景:1、传统的 网络通信:2、传统网络通信的问题:二、RDMA :1、出现背景:2、RDMA 简介:3、如何工作:4、RDMA 与 Infiniband 的关系:5、支持 RDMA 的其他协议:6、RDMA 的优势:7、通过 Infiniband 实现 RDMA :8、如何测试 RDMA 连通性:   一、背景: 1、传统的 网络通信:     &n...

郑泽林 2162

需要Perfetto分析的anr

anr类的问题,经常会有系统cpu,内存负载不高,iowait也不高,主线程状正常的,这类问题通过常规的日志无法分析,需要抓取Perfetto来分析应用的情况。event log中也没有异常。

专业开发者的博客,一个从事Android WiFi和蓝牙的工程师 63

jQuery slimScroll插件说明和使用

什么是slimScroll? slimScroll是一个小的(4.6KB)jQuery插件,它可以把任何的div转换成一个带有滚动条的可滚动区域,SlimScroll不占用任何视觉空间,因为它只出现在用户启动的鼠标上。用户可以拖动滚动条或使用鼠标滚轮更改滚动值。 slimScroll的使用 (1)引入jQuery <script type="text/javascript" src="h...

qq_38778882的博客 1279

Allegro输出光绘文件规范

添加钻孔表的具体步骤为:1.通过屏幕右边的Visibility选项的Views列表,将Drill层打开2.将Visibility选项中的PIN和Via选项都选中,见下图所示: 参数设好之后关闭NC Drill/Parameters窗口,输出数控机床钻孔文件的命令菜单为:Manufacture=>NC=>NC Drill…,打开的窗口如下: 输出数控机床钻孔文件的具体步骤为: 上图是光绘输出的层控制窗口,还有一个窗口是输出参数的控制窗口,我们通过点击上图的第二个列表项General Parameters来

axingxiansen的博客 2807

推荐开源项目:jQuery-slimScroll - 瘦身版滚动条美化插件

推荐开源项目:jQuery-slimScroll - 瘦身版滚动条美化插件 项目简介 是一个轻量级、高效的 jQuery 插件,用于替换原生的浏览器滚动条,提供更美观、流畅的滚动体验。它的目标是为网页中的长滚动区域添加平滑滚动效果,同时保持代码简洁和性能卓越。 技术分析 jQuery 集成:基于 jQuery 构建,使得在现有的 jQuery 项目中集成 slimScroll 非常简单,只需要...

gitblog_00071的博客 570

基于FPGA的车道线检测系统设计

本文设计了一种基于FPGA的车道线检测系统,采用Altera Cyclone IV EP4CE10F17C8作为主控芯片,结合OV7725摄像头和LCD显示屏实现实时车道线检测。系统通过硬件流水线处理架构,依次完成图像采集、灰度转换、中值滤波、Sobel边缘检测和Hough变换直线识别等功能模块。所有模块均采用Verilog HDL实现,充分利用FPGA的并行处理能力,显著提升了系统响应速度。测试结果表明,该系统能够有效检测道路车道线,满足实时性要求,为ADAS系统提供了一种高效的硬件解决方案。

huanghm88的专栏 121

IMSL CNL 7.0.0 (x86-64)Crack

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

slimScroll的应用(一)

本类文章依旧是针对初学者来说的,希望大家看到后觉得有用的能给个赞~~ 什么是slimScroll? 一、官网介绍:   slimScroll is a small (4.6KB) jQuery plugin that transforms any div into a scrollable area with a nice scrollbar.slimScroll doesn’t o

ywb201314的专栏 1083

jdk-8u144-linux-x64.tar.gz.

该资源为搭建Linux系统Java环境用,资源的后缀为tar.gz格式的压缩包

jquery滚动条插件slimScroll的使用方法总结

simScroll插件项目下载地址:https://github.com/rochal/jQuery-slimScroll TIP: 1.slimScroll在使用的时候要依赖JQ,所以首次使用的时候要引入JQ再引入simScroll插件 2.不支持resize的时候重新调用插件,不过有人已经修改过源码,这是修改过的版本的下载地址:https://github...

不怕麻烦的鹿丸的博客 2万+

Data-Structures-and-Algorithm-Analysis-in-Java.pdf

作者: Weiss, Mark A. 出版社: Addison Wesley Data Structures and Algorithm Analysis in Java is an “advanced algorithms” book that fits between traditional CS2 and Algorithms Analysis courses. In the old ACM Curriculum Guidelines, this course was known as CS7. This text is for readers who want to learn good programming and algorithm analysis skills simultaneously so that they can develop such programs with the maximum amo...

efm32 入门.pdf

本PDF共计22页,介绍的是操作驱动API,下载与否自己斟酌。

jquery.slimScroll插件 div添加滚动条

项目中左侧菜单栏中子菜单展开时长度过长,导致页面撑开。使用该插件为菜单栏的div加上滚动条 github地址:https://github.com/kujian/jQuery-slimScroll?utm_source=caibaojian.com 使用时引入jquery和插件 给需要滚动栏的div绑定,需在dom树加载完之后     $(functio

kane245的专栏 4764

Slim-Scroll:轻量级JavaScript滚动库教程

Slim-Scroll:轻量级JavaScript滚动库教程 项目介绍 Slim-Scroll是一款简洁的JavaScript滚动库,旨在替换浏览器自带的默认滚动条,尤其在Windows系统上。它允许开发者通过简单的CSS属性自定义滚动条的样式,为用户提供更加美观和定制化的滚动体验。仅4KB压缩后的体积,使得Slim-Scroll成为了一个轻量级的选择。项目支持IE9及以上版本以及Chrome、...

gitblog_00862的博客 502

slimscroll滚动条插件简单用法

1、倒入<script src="/js/jquery.slimscroll.min.js" type="text/javascript"></script> HTML代码: <div class="scroller" data-height="100px" data-a...

weixin_30386713的博客 282

SlimScroll插件学习

SlimScroll插件学习 SlimScroll插件,是一个很好用的滚动条插件。 第一个实例程序: js代码: <script src="../slimScroll/jquery-3...

u011927449的博客 421

推荐使用:Slim-scroll,轻量级的JavaScript滚动库

推荐使用:Slim-scroll,轻量级的JavaScript滚动库 在追求网页优雅设计的今天,浏览器自带的滚动条常常成为限制创意表达的瓶颈。然而,这一切都因Slim-scroll的到来而改变。这是一款仅4KB压缩后的JavaScript滚动库,它赋予开发者完全自定义滚动条的能力,让你的设计自由度大大提升。 项目技术分析 Slim-scroll以简洁的JavaScript和CSS为核心,致力于替代...

gitblog_01060的博客 685

jquery滚动条插件slimScroll

http://caibaojian.com/nicescroll.html https://blog.youkuaiyun.com/mss359681091/article/details/52838179 https://segmentfault.com/a/1190000013465520  

NRGAGA的专栏 303

开源之星:ngx-slimscroll - 打造统一滚条美学的Angular神器

???? 开源之星:ngx-slimscroll - 打造统一滚条美学的Angular神器 ngx-slimscrollCustomizable Scrollbar Directive for Angular项目地址:https://gitcode.com/gh_mirrors/ng/ngx-slimscroll 在现代Web开发中,一致性和用户体验是提升应用品质的关键因素之一。对于前端开发者而言,特...

gitblog_00015的博客 452

element-ui分页器设置每一页显示数量(page-size)后页码没有发生变化原因与解决

element-ui当中分页器,设置每一页显示数量(page-size)后页码没有发生变化

动感超人的博客 1万+

jquery.slimscroll.js兼容firefox和动态高度计算

jquery.slimscroll.js兼容firefox和动态高度计算 解决了两个问题: 1、当页面只有一屏时,动态增加menu子节点,展开树状结构时,动态计算树的高度,不然第一次滚动时会出现滚动很多的情况 解决方法:在338行,增加动态计算高度 getBarHeight(); 2、firefox中鼠标中键滚动会出现两次执行_onWheel函数,无法正常使用 解决方法:在395行,删除this.addEventListener('MozMousePixelScroll', _onWheel, fals

fyw1990的博客 1246
上一篇: 字符串转成unicode转码
下一篇: 创建jQgrid树形表格
linziping
博客等级 码龄11年 38粉丝 25原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值