Scrolly

Sticky scroll stuff

by davidpauljunior

HTML

<div class="content">
  <div class="content_main">
    <p>
      Quis amet porttitor condimentum nunc ultricies condimentum vivamus dignissim fringilla a litora parturient sed porta et gravida penatibus et commodo parturient vitae venenatis nullam nulla nisl posuere nulla habitasse. Vivamus condimentum ullamcorper parturient himenaeos natoque quam arcu facilisis nibh montes fermentum aliquet pretium proin sodales facilisis sit est quam hendrerit sed. Augue aptent tellus cras adipiscing habitant parturient nulla vestibulum adipiscing pharetra adipiscing suspendisse commodo tellus leo. 
    </p>
    <p>
    A dis dui suspendisse parturient a nullam parturient conubia scelerisque per eros lacus suspendisse torquent tempor ad dictumst a sed hac hendrerit a adipiscing adipiscing hac purus erat commodo. Habitasse vestibulum eget habitasse augue conubia mauris parturient per facilisi a donec a scelerisque sociis ullamcorper vehicula penatibus adipiscing convallis suspendisse a natoque nec a in a. Iaculis morbi conubia volutpat potenti iaculis enim convallis commodo ut in hac a id potenti nam parturient at cum convallis. 
    </p>
    <p>
      Integer turpis vestibulum eros pulvinar semper ullamcorper iaculis nibh aliquam a molestie consectetur parturient faucibus rutrum consectetur at parturient morbi cum a accumsan curae parturient porttitor. Convallis vivamus magna velit dui id natoque dis vestibulum ultrices orci condimentum sit cursus a a cubilia faucibus blandit. Egestas a vestibulum tortor cras eros dis parturient enim sociosqu tempus taciti torquent iaculis primis venenatis parturient ligula enim libero velit sagittis non nullam dis mollis phasellus. Molestie mi mattis consectetur diam per suspendisse turpis condimentum parturient a mus inceptos mus id a cum condimentum ultricies netus donec cursus nostra a vivamus tempor. 
    </p>
    <p>
      A aliquet fames suspendisse a tellus placerat condimentum est ut suspendisse magnis facilisis faucibus gravida dolor...

CSS

.content {
  overflow: hidden;
}

.content_main {
  float: left;
  width: 75%;
}

.content_sidebar {
  float: right;
  width: 25%;
}

JavaScript

var sidebar = document.querySelector('.content_sidebar');

function runOnScroll() {
	console.log(window.pageYOffset);
}

window.addEventListener('scroll', runOnScroll());