When the page first loads, the vertical scrollbar is not present, it's just not there until you actually scrolls it that's the moment when the scrollbar appears.
Shouldn't it be visible even at first load?
here is how I did it.
<div className="post-right">
<ReactScrollbarJS
style={{
height: '100%',
width: '100%'
}}
speed={100}
>
<p className="section-title">You may also like</p>
{this.props.related_posts.length > 0? this.props.related_posts.map((post, i) =>
<div className="related-post-wrapper" key={i}>
<img src={settings.storage_path + '/images/' + post.cover_image} />
<Link to={'/post/' + post.public_id}>{post.title}</Link>
</div>
): <p>There are no related posts to show.</p>}
</ReactScrollbarJS>
</div>
When the page first loads, the vertical scrollbar is not present, it's just not there until you actually scrolls it that's the moment when the scrollbar appears.
Shouldn't it be visible even at first load?
here is how I did it.