title: fixed position floating button to right side of page irrespective of scrollbar on parent div
body: <p>I want to implement a div which is floating to the right side of page. This div has a parent div which has scrollbar instead of having scroll on body.I tried applying position fixed on div which I want to float right all the time but when scrollbar appears on page it overlaps on it. </p>
  
  <p>I want this div to adjust when scrollbar appears. </p>
  
  <pre><code>.scrollbar {
                  width: 100%;
                  height: 600px;
                  overflow: auto;
                  position: relative;
              }
              .innerDiv {
                  height: 900px;
              }
              .floatingBtn {
                  background: #000;
                  color: #fff;
                  transform: rotate(-90deg);
                  width: 40px;
                  right: 0;
                  top: 80px;
                  position: fixed;
              }
  </code></pre>
  
  <p>Thanks for reading. <a href="https://jsfiddle.net/zqd9u87k/2/" rel="nofollow">Fiddle</a></p>