Skip to content
This repository was archived by the owner on Aug 18, 2021. It is now read-only.
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,4 +1,7 @@
## CHANGELOG

### 0.7.3
Changed to css transforms for scrolling, instead of scrollTop

### 0.1.0
First commit
7 changes: 0 additions & 7 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,13 +11,6 @@ Uses `react-spring` for butter smooth enhanced scrolling experience
npm install react-skroll --save
```

## UMD
```
<script src="https://unpkg.com/react-sprin/web.umd.js"></script>
<script src="https://unpkg.com/react-skroll/dist/react-skroll.js"></script>
```
(Module exposed as `ReactSkroll`)

## Demo
[Codepen Demo](http://codepen.io/du5rte/pen/KrGjEm)

Expand Down
6 changes: 3 additions & 3 deletions demo/Demo.js
Original file line number Diff line number Diff line change
Expand Up @@ -61,17 +61,17 @@ export default class Demo extends Component {
>
{
colors.map(({ name, color }, index) =>
<section key={index} name={name} style={{background: color}}>
<section key={index} name={name} style={{background: color, height: '100vh', width: '100vw'}}>
<div className="flex center-center half-width">
<h1>{round(scroll.positionRatio)}</h1>
<h1>{round(this.state.scroll.positionRatio)}</h1>
</div>

<div className="flex left-center half-width">
<ul>
<p>{'{'}</p>

{
Object.entries(scroll)
Object.entries(this.state.scroll)
.filter(([key, value]) => typeof value !== 'function')
.filter(([key, value]) => typeof value !== 'object')
.map(([key, value]) =>
Expand Down
1 change: 1 addition & 0 deletions demo/index.css
Original file line number Diff line number Diff line change
Expand Up @@ -41,6 +41,7 @@ nav {
left: 0;
width: 100%;
padding: 0.5em;
z-index: 10;
}

h1 {
Expand Down
35 changes: 11 additions & 24 deletions package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

15 changes: 9 additions & 6 deletions package.json
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{
"name": "react-skroll",
"name": "@arturmiglio/react-skroll",
"description": "Reactive Scrolling",
"version": "0.7.3",
"version": "0.8.0",
"main": "lib/index.js",
"scripts": {
"clean": "rm -rf dist lib && mkdir dist lib",
Expand All @@ -16,14 +16,14 @@
"test": "jest"
},
"license": "MIT",
"homepage": "https://github.com/du5rte/react-skroll#readme",
"homepage": "https://github.com/arturmiglio/react-skroll#readme",
"repository": {
"type": "git",
"url": "git+https://github.com/du5rte/react-skroll.git"
"url": "git+https://github.com/arturmiglio/react-skroll.git"
},
"author": "Duarte Monteiro <du5rtemonteiro@gmail.com> (http://du5rte.com)",
"author": "Artur Miglio <arturmiglio@gmail.com> (http://arturmiglio.com)",
"bugs": {
"url": "https://github.com/du5rte/react-skroll/issues"
"url": "https://github.com/arturmiglio/react-skroll/issues"
},
"keywords": [
"react",
Expand Down Expand Up @@ -70,5 +70,8 @@
"webpack": "^4.28.0",
"webpack-cli": "^3.1.2",
"webpack-dev-server": "^3.1.10"
},
"directories": {
"lib": "lib"
}
}
Loading