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

react-stickynode

Package Overview
Dependencies
Maintainers
5
Versions
51
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-stickynode - npm Package Compare versions

Comparing version 1.3.1 to 1.4.0

2

Gruntfile.js

@@ -145,3 +145,3 @@ // jscs:disable maximumLineLength

},
command: 'node node_modules/istanbul/lib/cli.js cover --dir <%= project.coverage_dir %> ' +
command: 'node tests/helpers/rAF.js node_modules/istanbul/lib/cli.js cover --dir <%= project.coverage_dir %> ' +
'-- ./node_modules/mocha/bin/_mocha <%= project.tmp %>/<%= project.unit %> ' +

@@ -148,0 +148,0 @@ '--recursive --reporter xunit-file'

{
"name": "react-stickynode",
"version": "1.3.1",
"version": "1.4.0",
"description": "A performant and comprehensive React sticky",

@@ -34,3 +34,3 @@ "main": "index.js",

"classnames": "^2.0.0",
"prop-types": "^15.5.8",
"prop-types": "^15.6.0",
"react-addons-shallow-compare": "^0.14.2 || ^15.0.0",

@@ -60,3 +60,3 @@ "subscribe-ui-event": "^1.0.0"

"jsdom": "^8.0.0",
"jsx-test": "^1.0.0",
"jsx-test": "^2.1.0",
"minimist": "^1.2.0",

@@ -66,11 +66,12 @@ "mocha": "^2.0",

"pre-commit": "^1.0.0",
"react": "^0.14.2 || ^15.0.0",
"react-addons-test-utils": "^0.14.2 || ^15.0.0",
"react-dom": "^0.14.2 || ^15.0.0",
"react": "^16.0.0",
"react-dom": "^16.0.0",
"sinon": "^1.17.3",
"webpack": "^1.15.0",
"webpack-dev-server": "^1.16.5",
"xunit-file": "~0.0.9"
},
"peerDependencies": {
"react": "^0.14.2 || ^15.0.0",
"react-dom": "^0.14.2 || ^15.0.0"
"react": "^0.14.2 || ^15.0.0 || ^16.0.0",
"react-dom": "^0.14.2 || ^15.0.0 || ^16.0.0"
},

@@ -77,0 +78,0 @@ "precommit": [

@@ -12,3 +12,3 @@ # react-stickynode

`react-stickynode` handles not only regular case but the long sticky target case in a natural way. In regular case, when scrolling page down, `react-stickynode` will stick to the top of viewport. But in the case of taller sticky target, it will scroll along with the page until its bottom reaches the bottom of viewport. In other words, it looks like the bottom of viewport pull the bottom of a sticky target down when scrolling page down. On the other hand, when scrolling page up, the top of viewport pulls the top of a sticky target up.
`react-stickynode` handles not only regular case but the long sticky target case in a natural way. In regular case, when scrolling page down, `react-stickynode` will stick to the top of viewport. But in the case of taller sticky target, it will scroll along with the page until its bottom reaches the bottom of viewport. In other words, it looks like the bottom of viewport pulls the bottom of a sticky target down when scrolling page down. On the other hand, when scrolling page up, the top of viewport pulls the top of a sticky target up.

@@ -15,0 +15,0 @@ This behavior gives the content in a tall sticky target more chance to be shown. This is especially good for the case where many ADs are in the right rail.

Sorry, the diff of this file is not supported yet

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