Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-scroll

Package Overview
Dependencies
Maintainers
1
Versions
118
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-scroll - npm Package Compare versions

Comparing version 0.29.0 to 0.30.0

11

lib/components/Button.js

@@ -12,5 +12,14 @@ "use strict";

},
getDefaultProps: function() {
return {
className: ""
};
},
render: function () {
var activeClass = this.state.active ? (this.props.activeClass || "active") : "";
var props = assign({}, this.props, {
onClick: this.onClick
onClick: this.onClick,
className : [this.props.className, activeClass].join(" ").trim()
});

@@ -17,0 +26,0 @@

2

package.json
{
"name": "react-scroll",
"version": "0.29.0",
"version": "0.30.0",
"description": "A scroll component for React.js",

@@ -5,0 +5,0 @@ "main": "lib",

## React Scroll
Directive for basic scrolling and smooth scrolling ( work in progress )
Feel free to contribute - everything is appreciated
Directive for basic scrolling and smooth scrolling.
I love contributions, just make sure your test passes.
I've started writing the tests for all the elements, contribute if you'd like to learn it.

@@ -14,2 +15,3 @@ ### Install

$ npm install
$ npm test
$ npm run examples

@@ -38,3 +40,3 @@ ```

<Link to="test1" spy={true} smooth={true} offset={50} duration={500} >Test 1</Link>
<Button className="btn" type="submit" value="Test 2" to="test2" spy={true} smooth={true} offset={50} duration={500} >Test 2</Button>
<Button className="btn" type="submit" value="Test 2" to="test2" spy={true} smooth={true} offset={50} duration={500} >Test 2</Button>

@@ -89,14 +91,2 @@ <Element name="test1" className="element">

```
### Todo
- [x] Vertical scrolling
- [x] Scroll to element
- [x] Smooth scroll animation
- [x] Live examples
- [x] Pass scroll/animation duration as settings
- [ ] Horizontal scrolling
- [x] Spy on scrolling/Highlight
- [ ] Write test
```
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc