Vue

by the94air

HTML

<div id="app">
  <h3>Scroll down inside this section ↓</h3>
  <p v-pin:[direction]="200">I am pinned onto the page at 200px to the left.</p>
</div>

Vue

Vue.directive('pin', {
  bind: function (el, binding, vnode) {
    el.style.position = 'fixed'
    var s = (binding.arg == 'left' ? 'left' : 'top')
    el.style[s] = binding.value + 'px'
  }
})

new Vue({
  el: "#app",
  data: {
    direction: 'left'
  },
  methods: {
  	toggle: function(todo){
    	todo.done = !todo.done
    }
  }
})