0

I'm using Bootstrap v. 4.0.0 and I have a two column (col-md-6 + col-md-6) layout:

<div class="container-fluid">
 <div class="row">
  <div class="col-md-6 projects--snasphot-area">
        <!-- Many img here -->
  </div>
  <div class="col-md-6 sticky-top projects--info-area">
        <!-- Text here -->
  </div>
 </div>
</div>

The left column is very long, and can be visualized by scrolling down the page. I would like the right column to follow along with the scrolling, so that its contents are always readable. Thus, I have tried to add the Boostrap "sticky-top" class and also to assign "align-self-start", as suggested in a previous topic... But there's still no scrolling.

CharlesM
  • 521
  • 1
  • 7
  • 16
  • 1
    Please post the code that reproduces the issue in the question itself. **Future readers of this question** won't find it useful or helpful if the external link changes or becomes obsolete. – Carol Skelly Apr 04 '18 at 13:00
  • I don't know if you've previously used Bootstrap 3? They used to have a third-party JS plugin to achieve this, called 'Affix'. It's been dropped from 4 and in the migration part of the BS4 docs, they recommend applying "position: sticky;" or using 'ScrollPos-Styler'. I'd suggest taking a look at ScrollPos-Styler - if you need a hand, come back and perhaps edit this question and I'll happily put a code example together if you need it. – Dan Brazier Apr 05 '18 at 08:41
  • The class "sticky-top" is just a shortcut to add a "position:sticky" - as suggested by the migration docs - and that's what was not working... Anyway, I just went for position:fixed, with a few tinkering on z-indexing and media queries. Thank anyway! – CharlesM Apr 06 '18 at 08:53
  • Possible duplicate of [How to left column fixed and right scrollable in Bootstrap 4, responsive?](https://stackoverflow.com/questions/44086159/how-to-left-column-fixed-and-right-scrollable-in-bootstrap-4-responsive) – Carol Skelly Apr 17 '18 at 06:24

0 Answers0