طراحی سایت | طراحی سایت تهران | طراحی سایت ارزان

مشاوره طراحی سایت: 66467942-021
به نام بهترین طراح دنیا
آموزش درست کردن منو اسکرول - 5.0 out of 5 based on 1 vote

امتیاز کاربران

ستاره فعالستاره فعالستاره فعالستاره فعالستاره فعال
 

آموزش درست کردن منو اسکرول

در طراحی سایت و طراحی وب سایت و طراحی قالب سایت   امروزه زیبایی و جالب بودن سایت حرف اول را میزند پس سعی کنید سایتی طراحی کنید که جذاب باشد.

و کاربر پسند و جالب و زیبا در راستای این حرف امروز قصد داریم یک آموزش بدهیم

تا آخر این آموزش با ما باشید

برای اسکرول کردن منو

تا آخر این آموزش با ما باشید

اول کدهای html را میزنیم

<div class="wrapper">
    <div class="header">
        هدر سایت
    </div>
    <div class="nav">
        منو سایت
    </div>
    <div class="content">
        <p>ساین وب در سال 1389 با تیمی از دانشجوهای رشته گرافیک و کامپیوتر کار خود را آغاز کرد. در این سالها هدف ما ، رضایت مشتری، طراحی سایت با قیمت مناسب، کاربردی بودن سایت، بوده است در این سالها با شرکت های بزرگی از جمله :خودرو سازان جنوب ، سپاهان جارو اصفهان، کفش ملی و شرکت کیوان خادم، بسیاری از شرکت های دیگر خدمات خود را به نحو احسن ارائه داه ایم امیدواریم بتوانیم گامی بلند برای رساندن شما به دنیای بزرگ مجازی بکنیم ساین وب</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();
});
});

 امیدواریم از این آموزش لذت برده باشید

 

 

درباره نويسنده

رضا رجب پور هستم کارشناسي رشته فناوري اطلاعات و ارتباطات 4 سال تجربه کاري در زمينه طراحي سايت و بهينه سازي سايت را دارم و به زبانهاي Html , CSS , CSS3 , Jquery , JavaScript , PHP تسلط کافي را دارم و مدير تيم مهندسين ساين وب که با چند تن از دوستان رشته نرم افزار و گرافيک يک تيم خلاق و با تجربه را ايجاد کرده ايم و بيش از 80 نمونه کار طراحي سايت و بهينه سازي سايت در ايران و خارج از ايران انجام داده ايم و خوشحال مي شويم که اطلاعات و تجربيات خود را در اختيار ديگران و هموطنان عزيز قرار دهيم لطفا ما را در شبکه هاي اجتماعي دنبال کنيد تا از مطالب جديد ما اطلاع پيدا کنيد با تشکر و احترام







لطفا نظر خود را بنویسید

لطفا نظر خود را بنویسید

0

نظرات کاربران

  • نظری وجود ندارد


نظرات مشتریان در مورد ما

سیامک حجت مدیر شرکت خودرو سازان جنوب: ما سه سال پیش کار طراحی وب سایت را به شرکت طراحی سایت ساین وب واگذار کردیم و از طراحی وب سایت و پشتیبانی آن پس از سه سال  کاملا راضی هستیم با آرزوی موفقیت بیشتر سیامک حجت

مهندس سپهری مدیر شرکت آلتون تاش: یکسال نیم از  آشنایی ما  با شرکت طراحی سایت ساین وب گذاشته است از آقای مهندس رجب پور مدیر عامل شرکت طراحی سایت ساین وب  از طراحی زیبا و زیبای سایت شرکت آلتون تاش کمال نهایت تشکر را دارم

خانم عالیخانی مدیر شرکت عسل عالیخانی: من خودم در آمریکا زندگی می کنم با شرکت طراحی سایت ساین وب در شبکه های اجتماعی آشنا شدم. وقتی سایت طراحی شده خودمان را که صفر تا صد را مهندسین ساین وب انجام دادند حیرت زده شدم. کار جالب و سایت جالب و خوبی مربوط به عسل را برای ما طراحی کردند با تشکر

مهندس تنباکویی مدیر شرکت سپاهان جارو اصفهان: ما با شرکت طراحی سایت ساین وب در نمایشگاه آشنا شدیم,  شرکت ما در اصفهان شهر خوراسگان هست مهندسین ساین وب برای عقد قرار داد با ما به اصفهان آمدند و این برای ما جای تقدیر دارد. و از طراحی وب سایت خود که مطابق همان ایده و طرح اولیه سایت خودمان بود راضی هستیم

لطفا مارا در گوگل محبوب کنید