<commit_before># scroll.js
scroll.js is a small utility that allows you to Tween animations between scroll states. It utilizes the GSAP animation library and (for the moment) lodash.

# Usage

Create a scrollJS object using the `scrollJS` function.

```js
var elementToTween = scrollJS(selector);
```

`selector` is a CSS3 selector and uses `querySelector` to find the corresponding DOM element.


#Documentation

### `at`
Example:
`elementToTween.at(scrollPosition, scrollState);`

###### Description:
   `at` is the only method scrollJS uses. It takes the scroll position (`pageYOffset`) and the scroll state (an object with properties to tween).
    At the moment the first `at` call should set the state at scroll position 0. You can chain as many scroll states together as you'd like.

   This potential real-world example would set your logo to -400 on the x-axis, and the opacity to 0. Scrolling from 0 to 100 would fade and slide
                                                                                                                                                     the logo over to x: 0, while also moving it 200 up the y-axis.

    ```js
     var logo = scrollJS('.logo');
         logo.at(0, {x: -400, y: 0,  opacity: 0});
         logo.at(100, {x: 0, y: 200, opacity: 1});

    ```
<commit_msg>updated readme to reflect new syntax<commit_after># scroll.js
scroll.js is a small utility that allows you to Tween animations between scroll states. It utilizes the GSAP animation library and (for the moment) lodash.

# Usage

Create a scrollJS object using the `scrollJS` function.

```js
var elementToTween = scrollJS(selector);
```

`selector` is a CSS3 selector and uses `querySelector` to find the corresponding DOM element.


#Documentation

### `at`
Example:
`elementToTween.at(scrollPosition, scrollState);`

###### Description:
   `at` is the only method scrollJS uses. It takes the scroll position (`pageYOffset`) and the scroll state (an object with properties to tween).
    At the moment the first `at` call should set the state at scroll position 0. You can chain as many scroll states together as you'd like.

   This potential real-world example would set your logo to `-400` on the `x-axis`, and the `opacity` to `0`. Scrolling from 0 to 100 would fade and slide
    the logo over to position `0` on the `x-axis`, while also moving it `200` up the `y-axis`.
```js
 var logo = scrollJS('.logo');
 logo.at(0, {x: -400, y: 0,  opacity: 0});
 ogo.at(100, {x: 0, y: 200, opacity: 1});
```

{'fraction_non_alphanumeric': 0.09520031733439112, 'fraction_numerical': 0.022213407378024592, 'mean_word_length': 2.9968304278922346, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 7, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3535322', 'n_tokens_mistral': 747, 'n_tokens_neox': 679, 'n_words': 344}