در طراحی سایت امروزه زیبایی و جالب بودن سایت حرف اول را میزند پس سعی کنید سایتی طراحی کنید که جذاب باشد.
و کاربر پسند و جالب و زیبا در راستای این حرف امروز قصد داریم یک آموزش بدهیم
تا آخر این آموزش با ما باشید
برای اسکرول کردن منو
تا آخر این آموزش با ما باشید
اول کدهای html را میزنیم
<div class="wrapper"> <div class="header"> هدر سایت </div> <div class="nav"> منو سایت </div> <div class="content"> <p>ساین وب در سال ۱۳۸۹ با تیمی از دانشجوهای رشته گرافیک و کامپیوتر کار خود را آغاز کرد. در این سالها هدف ما ، رضایت مشتری، طراحی سایت با قیمت مناسب، کاربردی بودن سایت، بوده است در این سالها با شرکت های بزرگی از جمله :خودرو سازان جنوب ، سپاهان جارو اصفهان، کفش ملی و شرکت کیوان خادم، بسیاری از شرکت های دیگر خدمات خود را به نحو احسن ارائه داه ایم امیدواریم بتوانیم گامی بلند برای رساندن شما به دنیای بزرگ مجازی بکنیم ساین وب</p> </div>
</div> </div>
سراغ کدهای css میرویم
.sticky { position: fixed; width: 100%; left: 0; top: 0; z-index: 100; border-top: 0; }
در آخر سراغ کدهای jQuery می رویم
$(document).ready(function() { var stickyNavTop = $('.nav').offset().top; var stickyNav = function(){ var scrollTop = $(window).scrollTop(); if (scrollTop > stickyNavTop) { $('.nav').addClass('sticky'); } else { $('.nav').removeClass('sticky'); } }; stickyNav(); $(window).scroll(function() { stickyNav(); }); });
امیدواریم از این آموزش لذت برده باشید
پرسش و پاسخ 0
بحث درباره این مقاله را شما آغاز کنید!
ارسال دیدگاه