better-scroll - GitLite

KO | EN

gitlite — search

#python #typescript #llm #go #android #rust #docker #nodejs #macos #windows #awesome #vue #ios #mcp

better-scroll

(★ 16,470)

:scroll: iscroll에서 영감을 받았으며, 더 많은 기능을 지원하고 더 나은 스크롤 성능을 제공합니다.

파일 탐색기

최종 버전 다운로드 (.zip)

- ISSUE_TEMPLATE.md
- - package.json
  - README.md
  - README_zh-CN.md
- - package.json
  - README.md
  - README_zh-CN.md
- - package.json
  - postcss.config.js
  - README.md
  - vue-release.sh
- - package.json
  - README.md
  - README_zh-CN.md
- - package.json
  - README.md
  - README_zh-CN.md
- - package.json
  - README.md
  - README_zh-CN.md
- - package.json
  - README.md
  - README_zh-CN.md
- - package.json
  - README.md
- - package.json
  - README.md
  - README_zh-CN.md
- - package.json
  - README.md
  - README_zh-CN.md
- - package.json
  - README.md
  - README_zh-CN.md
- - package.json
  - README.md
  - README_zh-CN.md
- - .env
  - config-overrides.js
  - package.json
  - README.md
- - package.json
  - README.md
  - README_zh-CN.md
- - package.json
  - README.md
- - package.json
  - README.md
  - README_zh-CN.md
- - docs-release.sh
  - package.json
- - package.json
  - README.md
  - README_zh-CN.md
- - package.json
  - README.md
  - README_zh-CN.md
- build.js
- checkYarn.js
- release.js
- core.test-d.ts
- index.d.ts
- plugin.test-d.ts
- tsconfig.json
- util.d.ts
- - index.d.ts
- - homepage.e2e.ts
- - extendMouseWheel.ts
  - extendTouch.ts
  - getScale.ts
  - getTranslate.ts
.editorconfig
.eslintrc.js
.gitignore
.gitpod.Dockerfile
.gitpod.yml
.huskyrc.json
.npmignore
.travis.yml
.yarnrc
jest-e2e.config.js
jest-puppeteer.config.js
jest.config.js
lerna.json
LICENSE
logo.svg
package.json
postcss.config.js
README.md
README_zh-CN.md
tsconfig.json
tslint.json

# 설치 가이드

1. 코드 내려받기

git clone https://github.com/ustbhuangyi/better-scroll

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd better-scroll

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. Node.js

쉬움 추천

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.

npm install better-scroll -S # install 2.x，with full-featured plugin.

package.json에 명시된 라이브러리들을 내려받아 설치합니다.

npm install @better-scroll/core # only CoreScroll

package.json에 명시된 라이브러리들을 내려받아 설치합니다.

✅ 명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.

이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# better-scroll
![](https://dpubstatic.udache.com/static/dpubimg/t_L6vAgQ-E/logo.svg)
[![npm version](https://img.shields.io/npm/v/better-scroll.svg)](https://www.npmjs.com/package/better-scroll) [![downloads](https://img.shields.io/npm/dm/better-scroll.svg)](https://www.npmjs.com/package/better-scroll) [![Build Status](https://travis-ci.org/ustbhuangyi/better-scroll.svg?branch=master)](https://travis-ci.org/ustbhuangyi/better-scroll) [![Package Quality](http://npm.packagequality.com/shield/better-scroll.svg)](http://packagequality.com/#?package=better-scroll) [![codecov.io](http://codecov.io/github/ustbhuangyi/better-scroll/coverage.svg?branch=master)](http://codecov.io/github/ustbhuangyi/better-scroll) [![Gitpod Ready-to-Code](https://img.shields.io/badge/Gitpod-Ready--to--Code-blue?logo=gitpod)](https://gitpod.io/from-referrer/)
[中文文档](https://github.com/ustbhuangyi/better-scroll/blob/master/README\_zh-CN.md)
[1.x Docs](https://better-scroll.github.io/docs-v1/)
[2.x Docs](https://better-scroll.github.io/docs/en-US/)
[2.x Demo](https://better-scroll.github.io/examples/)
> \*\*참고\*\*: `1.x` 버전은 더 이상 유지보수되지 않습니다. 가급적 빨리 버전을 마이그레이션해 주세요.
# 설치 (Install)
```bash
npm install better-scroll -S # 모든 기능이 포함된 플러그인과 함께 2.x 버전을 설치합니다.
npm install @better-scroll/core # CoreScroll만 설치합니다.
```
```js
import BetterScroll from 'better-scroll'
let bs = new BetterScroll('.wrapper', {
movable: true,
zoom: true
})
import BScroll from '@better-scroll/core'
let bs = new BScroll('.wrapper', {})
```
# CDN
모든 기능이 포함된 플러그인이 있는 BetterScroll입니다.
```html
```
```js
let wrapper = document.getElementById("wrapper")
let bs = BetterScroll.createBScroll(wrapper, {})
```
CoreScroll만 사용하는 경우
```html
```
```js
let wrapper = document.getElementById("wrapper")
let bs = new BScroll(wrapper, {})
```
## BetterScroll이란 무엇인가요?
BetterScroll은 모바일 환경(PC도 지원됨)에서의 스크롤 상황을 해결하기 위해 만들어진 플러그인입니다. 핵심 구현은 [iscroll](https://github.com/cubiq/iscroll)에서 영감을 받았으므로, BetterScroll의 API는 전체적으로 iscroll과 호환됩니다. 뿐만 아니라, BetterScroll은 iscroll을 바탕으로 일부 기능을 확장하고 성능을 최적화했습니다.
BetterScroll은 순수 자바스크립트(plain JavaScript)로 구현되어 있어 별도의 의존성이 없습니다.
## 시작하기 (Getting started)
BetterScroll의 가장 일반적인 애플리케이션 시나리오는 리스트 스크롤입니다. HTML 구조를 살펴보겠습니다.
```html

* ...
* ...
...