Theia Sticky Sidebar - sticking blocks effect
Order site
By contacting me you will receive a reliable and knowledgeable contractor who will quickly and efficiently implement any task for you and your business.
The last notes
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