আপনার ওয়েবসাইটের মেনুকে করে ফেলুন স্টিক ।

আপনার ওয়েবসাইট অথবা ক্লায়েন্ট এর ওয়েবসাইটটির মেনুটিকে স্টিক করা লাগতে পারে যে কোন সময়। বিষয়টি একদমই সহজ । অবশ্য যারা জানেন না তাদের কাছে অনেক কঠিন লাগাটাই স্বাভাবিক ।নষ্ট হতে পারে অনেকটা সময়। ছোট্ট তিনটি স্টেপ ফলো করলে খুব সহজেই এটি করতে পারেন।
প্রথম ধাপ : নিচের কোডটি কপি করে আপনার মেইন জে এস(main.js) ফাইলে দিয়ে দিন।ইনডেক্স এইচটিএমএল এও ব্যবহার করতে পারেন তবে ইনডেক্স এইচটিএমএল এ ব্যবহার করলে অবশ্যই Script ট্যাগ ব্যবহার করতে হবে। যেমন :

$(document).ready(function() {
var s = $("#sticker");
var pos = s.position();
$(window).scroll(function() {
var windowpos = $(window).scrollTop();
if (windowpos >= pos.top) {
s.addClass("stick");
} else {
s.removeClass("stick");
}
});
});
দ্বিতীয় ধাপ : sticker কে আইডি হিসেবে মেইনমেনু এরিয়া তে সেট করতে হবে।
তৃতীয় ধাপ : এবার নিচের কোডটি স্টাইল সিএসএস এ দিয়ে দিতে হবে।
.stick {
position:fixed;
top:0px;
}

Credit by Avro