Socket
Socket
Sign inDemoInstall

basicscroll

Package Overview
Dependencies
3
Maintainers
1
Versions
20
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 2.1.0-1 to 2.1.0

3

CHANGELOG.md

@@ -7,3 +7,3 @@ # Changelog

## [Unreleased]
## [2.1.0] - 2018-03-09

@@ -13,2 +13,3 @@ ### New

- `direct` option can be used to apply properties to another element than `elem` (#11)
- More demos

@@ -15,0 +16,0 @@ ## [2.0.0] - 2018-02-25

{
"name": "basicscroll",
"moduleName": "basicScroll",
"version": "2.1.0-1",
"version": "2.1.0",
"authors": [

@@ -6,0 +6,0 @@ "Tobias Reich <tobias@electerious.com>"

@@ -22,7 +22,9 @@ # basicScroll

| Name | Description | Link |
|:-----------|:------------|:------------|
| Name | Description | Link | Author |
|:-----------|:------------|:------------|:------------|
| Default | Includes most features. | [Try it on CodePen](http://codepen.io/electerious/pen/QGNxxx) |
| Parallax scene | A composition of multiple, moving layers. | [Try it on CodePen](http://codepen.io/electerious/pen/gLLozQ) |
| Callback | Animate properties in JS via callbacks. | [Try it on CodePen](https://codepen.io/electerious/pen/goZRBv) |
| Parallax scene | A composition of multiple, moving layers. | [Try it on CodePen](http://codepen.io/electerious/pen/gLLozQ) | [@electerious](https://twitter.com/electerious) |
| Headline explosion | Animated letters. | [Try it on CodePen](https://codepen.io/electerious/pen/EQzxxJ) | [@electerious](https://twitter.com/electerious) |
| Scroll and morph | Morph text using CSS clip-path. | [Try it on CodePen](https://codepen.io/ainalem/pen/jZzxrP) | [@mikaelainalem](https://twitter.com/mikaelainalem) |

@@ -368,9 +370,9 @@ ## Features

Type: `Boolean` Default: `false` Optional: `true`
Type: `Boolean|Node` Default: `false` Optional: `true`
basicScroll applies all [props](#props) globally by default. This way you can use variables everywhere in your CSS, even when the instance tracks just one element. Set `direct` to `true` or to a DOM element to apply all styles directly to the [DOM Element/Node](#dom-elementnode) or to the DOM element you have specified. This also allows you to animate CSS properties, not just CSS variables.
basicScroll applies all [props](#props) globally by default. This way you can use variables everywhere in your CSS, even when the instance tracks just one element. Set `direct` to `true` or to a DOM element to apply all [props](#props) directly to the [DOM Element/Node](#dom-elementnode) or to the DOM element you have specified. This also allows you to animate CSS properties, not just CSS variables.
- `false`: Apply styles globally (default)
- `true`: Apply styles to the [DOM Element/Node](#dom-elementnode)
- `Node`: Apply styles to a DOM Element/Node of your choice
- `false`: Apply props globally (default)
- `true`: Apply props to the [DOM Element/Node](#dom-elementnode)
- `Node`: Apply props to a DOM Element/Node of your choice

@@ -377,0 +379,0 @@ Examples:

SocketSocket SOC 2 Logo

Product

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

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc