lzscroll

v1.0.2

当前版本： V1.3.0 <br> ### lz-scroll是什么 >lz-scroll是一款基于jQuery库开发的轻量级滚动条插件，方便开发者能够自定义滚动条样式。可以设置滚动速度，是否一直显示滚动条，并且能够根据内容的高度变化而自我调整。当前版本为正式版1.3.0 For more information about how to use this package see README

Latest version published 7 years ago

License: ISC

NPM

GitHub

Package Health Score

42 / 100

security
No known security issues
popularity
Limited
maintenance
Inactive
community
Limited

Explore Similar Packages

Security

No known security issues

All security vulnerabilities belong to production dependencies of direct and indirect packages.

Security and license risk for significant versions

All Versions

Version				Vulnerabilities	License Risk
1.0.2	\|	08/2017	Popular	0 C 0 H 0 M 0 L	0 H 0 M 0 L

License

ISC

Security Policy

Is your project affected by vulnerabilities?

Scan your projects for vulnerabilities. Fix quickly with automated fixes. Get started with Snyk for free.

Get started free

Popularity

Limited

Weekly Downloads (2)

GitHub Stars: 0
Forks: 0
Contributors: 1

Direct Usage Popularity

The npm package lzscroll receives a total of 2 downloads a week. As such, we scored lzscroll popularity level to be Limited.

Based on project statistics from the GitHub repository for the npm package lzscroll, we found that it has been starred ? times.

Downloads are calculated as moving averages for a period of the last 12 months, excluding weekends and known missing data points.

Community

Limited

Readme.md: Yes
Contributing.md: No
Code of Conduct: No
Contributors: 1
Funding: No

This project has seen only 10 or less contributors.

We found a way for you to contribute to the project! Looks like lzscroll is missing a Code of Conduct.

Embed Package Health Score Badge

Maintenance

Inactive

Commit Frequency

No Recent Commits

Open Issues: 0
Open PR: 0
Last Release: 7 years ago
Last Commit: 7 years ago

Further analysis of the maintenance status of lzscroll based on released npm versions cadence, the repository activity, and other data points determined that its maintenance is Inactive.

An important project maintenance signal to consider for lzscroll is that it hasn't seen any new versions released to npm in the past 12 months, and could be considered as a discontinued project, or that which receives low attention from its maintainers.

In the past month we didn't find any pull request activity or change in issues status has been detected for the GitHub repository.

Keep your project healthy

Check your package.json

Ensure all the packages you're using are healthy and well-maintained

Snyk Vulnerability Scanner

Get health score & security insights directly in your IDE

Package

Node.js Compatibility: not defined

Age: 7 years
Dependencies: 0 Direct
Versions: 4
Install Size: 0 B
Dist-tags: 1
# of Files: 0
Maintainers: 1
TS Typings: No

lzscroll has more than a single and default latest tag published for the npm package. This means, there may be other tags available for this package, such as next to indicate future releases, or stable to indicate stable releases.

Readme

lz-scroll使用手册

当前版本： V1.3.0

lz-scroll是什么

>lz-scroll是一款基于jQuery库开发的轻量级滚动条插件，方便开发者能够自定义滚动条样式。可以设置滚动速度，是否一直显示滚动条，并且能够根据内容的高度变化而自我调整。当前版本为正式版1.3.0

具体参数列表

参数名称	参数变量	参数取值	参数说明
滚动条方向	`axis`	'[x]' / '[y]' / '[xy]' / '[yx]'	控制垂直和水平滚动条的添加，参数为空时：默认值为 y
滚动速度	`speed`	'[number]'	控制滑轮滚动时的滚动速度，参数为空时：默认值为 120
滚动条盒子宽度	`containerWidth`	'[number]''	设置滚动条盒子的宽度，主要用于当垂直和水平滚动条同时出现时防止重叠，参数为空时：默认值为 8
滚动条宽度	`barWidth`	'[number]''	设置滚动条的宽度，参数为空时：默认值为 6
显示模式	`mode`	['always']/['hover']/['active']	控制滚动条显示模式，当为always时，一直显示，当为hover时，悬停时显示，当为active时，滚动显示，本参数为空时：默认值为 always
样式名称	`theme`	'[string]'	控制所添加的滚动条样式的名称，结果为lzscroll-default-[]，本参数为空时：默认值为 default
滚动条是否固定	`barChange`	[true]/[false]	滚动条是否根据内容高度进行改变，本参数为空时：默认值为 true
监听改变	`listenChange`	[true]/[false]	是否根据元素的改变来实时调整滚动条，本参数为空时：默认值为 true
滚动回调函数	`_onScroll`	[fn]	滚动时执行的函数，本参数为空时：默认值为 null

引入库文件

--此插件基于jQuery开发

调用插件

--参数可为空，全部参数请参考列表；可多次调用

	
	
	<div data-lzscroll-param="{&quot;axis&quot;:&quot;x&quot;,&quot;speed&quot;:10}" id="unscroll"></div>

###回调方法

	//调用方式	
	var tool = $('#lzscroll').lzscroll(); //调用插件并获得回调方法集
	var tool =  $('#lzscroll').scrollTool(); //获得该元素的回调方法集
	
	//回调方法
	tool.scrollTop() //当前滚动的垂直距离
	tool.scrollTop(num) //设置滚动的垂直距离
	tool.scrollLeft() //当前滚动的水平距离	
	tool.scrollLeft(num) // 设置滚动的水平距离
	tool.setContainerWidth(num) //设置滚动条盒子的宽度
	tool.setBarWidth(num) //设置滚动条的宽度
	tool.setMode(str) //设置滚动条显示模式
	tool.setTheme(str) //设置滚动条的class名称
	tool.setSpeed(num) //设置滚动条的滚动样式
	tool.init({}) //初始化滚动条
	tool.on('scroll',fn) //添加滚动时的回调函数

提供的css选择器

--自定义样式时请带上外层父级id，避免同一页面多个组件样式冲突

.lzscroll-theme-containerY  //垂直滚动条盒子样式
.lzscroll-theme-containerX  //水平滚动条盒子样式
.lzscroll-theme-barY  //垂直滚动条样式
.lzscroll-theme-barX  //垂直滚动条样式

FAQs

What is lzscroll?

**当前版本： V1.3.0** <br /> ### lz-scroll是什么 >lz-scroll是一款基于jQuery库开发的轻量级滚动条插件，方便开发者能够自定义滚动条样式。可以设置滚动速度，是否一直显示滚动条，并且能够根据... Visit Snyk Advisor to see a full health score report for lzscroll, including popularity, security, maintenance & community analysis.

Is lzscroll popular?

The npm package lzscroll receives a total of 2 weekly downloads. As such, lzscroll popularity was classified as limited. Visit the popularity section on Snyk Advisor to see the full health analysis.

Is lzscroll well maintained?

We found indications that lzscroll is an Inactive project. See the full package health analysis to learn more about the package maintenance status.

Is lzscroll safe to use?

The npm package lzscroll was scanned for known vulnerabilities and missing license, and no issues were found. Thus the package was deemed as safe to use. See the full health analysis review.

Last updated on 5 April-2024, at 05:28 (UTC).

Build a secure application checklist

Select a recommended open source package

Minimize your risk by selecting secure & well maintained open source packages

DONE

Scan your app for vulnerabilities

Scan your application to find vulnerabilities in your: source code, open source dependencies, containers and configuration files

SCAN NOW

Fix identified vulnerabilities

Easily fix your code by leveraging automatically generated PRs

AUTO FIX

Monitor for new issues

New vulnerabilities are discovered every day. Get notified if your application is affected

MONITOR APP