bindingx-web-polyfill/demo/scroll.js

The web polyfill for BindingX.

'use strict';

import {parse} from 'bindingx-parser';
import bindingx from '../src/';

const scrollView = document.getElementById('scrollView');
const block = document.getElementById('block');

const expressionOpacity = 'max(0,min(1,y/750))';

bindingx.bind({
  anchor: scrollView,
  eventType: 'scroll',
  props: [
    {
      element: block,
      property: 'opacity',
      expression: {
        origin: expressionOpacity,
        transformed: parse(expressionOpacity)
      }
    }
  ]
}, (e) => {


});