A Pen by Joe Watkins.

A-Pen-by-Joe-Watkins.markdown

A Pen by Joe Watkins

A Pen by Joe Watkins on CodePen.

License.

index.html

<div class="wrapper">
  <div class="inner">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque labore molestiae accusantium error odio quibusdam officiis quisquam omnis blanditiis eaque quam autem eum beatae aliquam mollitia molestias quod sint ab consequatur atque ullam tempora provident repellendus pariatur distinctio ut quos modi suscipit qui dignissimos. Quia nostrum quam maiores laboriosam cupiditate quae consequatur cumque aliquid illo sapiente asperiores optio at quaerat excepturi inventore maxime dolore ratione reiciendis magni dolores quo sint pariatur tempora ducimus ipsa eaque dolor reprehenderit necessitatibus molestiae autem non facere porro a saepe in explicabo perspiciatis. Consectetur eos reiciendis voluptatum ipsum similique fuga aperiam dolorum quasi a illo blanditiis perferendis adipisci voluptates voluptatibus praesentium modi enim aliquid. Veniam natus quam molestiae harum similique aliquam aliquid quis quaerat sunt maxime consequuntur architecto inventore! Saepe ab voluptas similique quisquam fugit est explicabo consequatur magnam at maxime quidem quibusdam quod iste quia asperiores veritatis vitae? Ipsam officia reiciendis aspernatur necessitatibus adipisci blanditiis quibusdam quod tempore ex ut eos repellendus. Earum rerum optio adipisci excepturi deserunt vero numquam ad enim autem saepe ut voluptatibus. Vitae corporis quibusdam maiores a nam omnis iure necessitatibus sequi nostrum deserunt molestiae porro officia libero! Expedita tempore excepturi optio inventore aperiam quas iusto vel esse eum earum repellat dolorem beatae ullam illum facere atque consequatur deserunt obcaecati aliquam quia rem eveniet est dicta vero ex eos aliquid voluptates commodi blanditiis nostrum autem enim laboriosam ut sapiente vitae consectetur dolorum odio unde tenetur id! Magni repudiandae alias magnam minus esse non reprehenderit rem molestiae quam placeat eius ipsa quaerat quis aspernatur et dignissimos adipisci voluptates aliquam cumque qui sunt laudantium nesciunt totam doloremque dolorem. Voluptatum architecto impedit! Nihil incidunt consequuntur atque harum autem minus id quas facere sed possimus voluptates corporis molestias perspiciatis eum eaque aspernatur neque expedita nostrum earum error? Fuga harum error veritatis consequatur dolorem porro voluptatum molestias iste deserunt obcaecati. Sequi debitis unde possimus fuga porro eum enim quas sed blanditiis animi impedit distinctio eius nihil iste non rem in quisquam asperiores autem maxime aliquid aspernatur nam qui vero magni. Dicta sequi quidem modi debitis consectetur beatae architecto ducimus magni quo voluptas aperiam unde blanditiis doloremque ea fuga ipsa facere repellat dolorem sint sunt alias officia inventore quis eligendi itaque dignissimos expedita perspiciatis enim iusto vero voluptate facilis in nisi. Aperiam repellat magnam iure quasi. Minima odio dolorem hic alias molestias autem placeat sit reprehenderit a at debitis ipsam libero omnis atque ea praesentium modi sint temporibus officia cum veniam esse possimus voluptates quia aut ullam exercitationem vitae beatae tenetur sequi! Quibusdam facere atque quaerat iusto neque sapiente voluptate fugiat inventore aspernatur molestias dolor culpa placeat in natus dicta tempore tenetur quidem rem eveniet assumenda! Recusandae beatae optio perferendis unde earum quia quae aliquam accusantium sequi illo tempora vel quidem quod molestias praesentium in libero et numquam possimus reprehenderit corporis aut distinctio enim illum atque! Enim quae quasi commodi eum debitis voluptates eligendi reprehenderit quas velit fugiat minus beatae omnis ipsa adipisci recusandae modi sit tempora in cum quo. Voluptatem inventore eaque sint voluptates consequatur sunt quas repudiandae praesentium voluptate nobis quod dolore earum consectetur fuga a quis dolorem eius fugiat nemo dicta voluptas expedita neque assumenda facilis delectus modi eveniet omnis dolor vel harum doloribus dolorum aperiam mollitia accusamus quia labore blanditiis sit officiis molestias vitae quisquam quasi velit beatae ab voluptatibus officia. Officia id explicabo obcaecati praesentium porro magnam perferendis harum nobis quidem illum. Similique odit numquam odio atque debitis unde natus delectus eaque laudantium reprehenderit error aliquam velit eius. Minima esse cupiditate sit laboriosam corporis nisi unde saepe ex. Vel placeat in necessitatibus provident assumenda voluptatum quo. Doloribus nihil numquam quam blanditiis molestiae itaque assumenda distinctio amet iste minus nam earum sequi deleniti. Deserunt minus at magni debitis quis possimus sit voluptas nesciunt quaerat ab quam eos numquam. Fuga harum nulla commodi quos voluptas iusto quod odit eos officiis impedit obcaecati quasi provident necessitatibus dolorum sunt ipsa repudiandae ipsum facilis ratione itaque temporibus incidunt sapiente ducimus dicta modi placeat architecto ea possimus reiciendis cum voluptates autem saepe fugiat. Totam assumenda quas possimus odit nobis fuga unde nesciunt exercitationem hic. Tenetur voluptatem ea fuga ab officia rem non nulla itaque sit ullam delectus quisquam enim facere expedita voluptates nobis sed recusandae ad dolore!</p>
  </div>
</div>

script.js

$(".inner").height($(".wrapper").height());

style.scss

@import "compass";
body,p {margin:0px;}

.wrapper {
  width:250px;
  background:grey;
  height:auto;
  overflow:hidden;
  .inner {
    padding:15px;
    overflow-y:scroll;
    width:235px;
    //height:400px;
  }
}