فیکس کردن منو

برچسب ها: 

Currently, there are 0 users and 1 guest visiting this topic.
در حال نمایش 1 پست (از کل 2)
  • نویسنده
    نوشته ها
  • #11753
    Shahryar
    مشارکت کننده

    سلام خسته نباشید. من می خوام در قالبم منو ها را فیکس کنم.در قالب فیکس می شد و لی به مشکل می خوردم.اگه می شه راهنمایی کنید.ممنون

    #11756

    سلام، آموزش زیر رو دنبال کنید :
    https://www.w3schools.com/howto/howto_js_navbar_sticky.asp
    کد های موجود در این وب سایت :
    کد html :

    کد CSS :

    /* Style the navbar */
    #navbar {
    overflow: hidden;
    background-color: #333;
    }

    /* Navbar links */
    #navbar a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px;
    text-decoration: none;
    }

    /* Page content */
    .content {
    padding: 16px;
    }

    /* The sticky class is added to the navbar with JS when it reaches its scroll position */
    .sticky {
    position: fixed;
    top: 0;
    width: 100%;
    }

    /* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
    .sticky + .content {
    padding-top: 60px;
    }

    کد جاوا اسکریپت :‌
    // When the user scrolls the page, execute myFunction
    window.onscroll = function() {myFunction()};

    // Get the navbar
    var navbar = document.getElementById(“navbar”);

    // Get the offset position of the navbar
    var sticky = navbar.offsetTop;

    // Add the sticky class to the navbar when you reach its scroll position. Remove “sticky” when you leave the scroll position
    function myFunction() {
    if (window.pageYOffset >= sticky) {
    navbar.classList.add(“sticky”)
    } else {
    navbar.classList.remove(“sticky”);
    }
    }

در حال نمایش 1 پست (از کل 2)
  • شما برای پاسخ به این تاپیک باید وارد تارنما شوید.
به بالای صفحه بردن