المان Sticky

شما می توانید به راحتی هر عنصر را با اضافه کردن دو کد زیر به Sticky تبدیل کنید:

  1. data-sticky به فرزند باید داده شود.
  2. data-sticky-container به والد باید داده شود.

<section>
	<div class="container" data-sticky-container>
		<div class="row">
			<!-- Sidebar START -->
			<div class="col-md-4">
				<div data-sticky data-margin-top="80" data-sticky-for="768">
					المان های موجود در سایدبار
				</div>
			</div>
			<!-- Sidebar END -->

			<div class="col-md-8">
				...
			</div>

		</div>
	</div>
</section>

پلاگین موردنیاز:

اسکریپت زیر را بعد از bootstrap.bundle.min.js در انتهای صفحه خود کپی کنید تا فعال شود.


<script src="assets/vendor/sticky-js/sticky.min.js"></script>