Theia Sticky Sidebar - sticking blocks effect
The last notes
Recommended
Website hosting
If you are choosing hosting for your project, I recommend Timeweb. Modern infrastructure, a wide range of plans from starter options to high-load VPS, and responsive tech support that actually helps instead of sending template replies. I host some of my own projects there and recommend it to my clients.
Go to site Affiliate link. The price remains the same for you.All English-language materials have been translated fully automatically using the Google service
Javascript plugin without headaches and calculations organizing the right sticky effect
Example html structure:
<div class = "wrapper">
<div class = "content">
<div class = "theiaStickySidebar">
...
</div>
</div>
<div class = "sidebar">
<div class = "theiaStickySidebar">
...
</div>
</div>
</div>Inserting scripts into the page:
<script type = "text / javascript" src = "http://code.jquery.com/jquery.min.js"> </script>
<script type = "text / javascript" src = "dist / ResizeSensor.min.js"> </script>
<script type = "text / javascript" src = "dist / theia-sticky-sidebar.min.js"> </script>
<script type = "text / javascript">
jQuery (document) .ready (function () {
jQuery ('. content, .sidebar'). theiaStickySidebar ({
// Settings
additionalMarginTop: 30
});
});
</script>
Plugin link:
Comments