Sticky Navigation Bar Using HTML, CSS, and JS | Sticky Navbar on Scroll | Fixed Navbar With JS

แชร์
ฝัง
  • เผยแพร่เมื่อ 28 พ.ค. 2021
  • Sticky Navigation Bar Using HTML, CSS, and JS | Sticky Navbar on Scroll | Fixed Navbar With JS | sticky navigation bar HTML css
    Source Code - codingpoweryt.com/sticky-navi...
    Hello,
    In this video, I create a Sticky Navigation Bar using HTML, CSS, and JS. so if you want to learn that then you have to watch the full video.
    If you enjoy the video then share it with your friend and hit the like button and most important don't forget to subscribe to the channel for more videos like this.
    Popular Videos
    Sticky Navigation Bar Using HTML, CSS, and JS
    • Sticky Navigation Bar ...
    Sidebar Menu using HTML CSS & JavaScript
    • Sidebar Menu using HTM...
    Create Netflix Home Page Using HTML and CSS • Create Netflix Home Pa...
    Video Gallery Using HTML, CSS and JQUERY • How to Make Video Gall...
    Image Slider Using HTML, CSS, and JavaScript • Image Slider Using HTM...
    Responsive Product Cards Design
    • Responsive eCommerce W...
    Best Playlists
    HTML and CSS Tutorials
    • HTML & CSS Tutorials
    JavaScript Tutorials
    • JavaScript Tutorials
    Responsive Portfolio Website Design
    • Complete Responsive Po...
    TH-cam Home Page
    • TH-cam Home Page Usin...
    Follow me on Instagram
    / codingpoweryt
    Discord Server Link
    / discord
    Queries solved in this video
    sticky navigation bar,
    sticky navigation bar html css,
    sticky navbar,
    pure css sticky header,
    sticky navbar html css,
    css position sticky,
    sticky navbar on scroll css,
    navigation bar in html and css,
    navigation bar,
    sticky navigation bar on scroll using javascript,
    sticky navigation menu bar html and css,
    sticky navbar after scroll,
    sticky navigation,
    how to make a fixed navigation bar using html and css,
    sticky header,
    scrolling navigation bar css,
    #stickynavbar #fixednavigationbar #sticknavbaronscroll
    #codingpower #htmlandcss #javascripttutorial #navigationbar

ความคิดเห็น • 10

  • @ntumbabutshiteya6151
    @ntumbabutshiteya6151 2 ปีที่แล้ว +1

    GOOD JOBS

  • @karentham4205
    @karentham4205 3 ปีที่แล้ว +1

    What does the second line of the "if" statement mean? i.e. navbar.classList.add.("sticky");

    • @codingpoweryt
      @codingpoweryt  3 ปีที่แล้ว

      it means we just add class "sticky" in the navbar for position fixed.

  • @pisandoflechitas5294
    @pisandoflechitas5294 3 ปีที่แล้ว +1

    ¿Que no es mejor separar el código en diferentes archivos?
    HTML CSS y JAVASCRIPT
    Todos escriben el JavaScript en el HTML entre las etiquetas
    (._.)"

    • @codingpoweryt
      @codingpoweryt  3 ปีที่แล้ว

      I can't understand your language, so can you please write in English so that i can answer your question

    • @pisandoflechitas5294
      @pisandoflechitas5294 3 ปีที่แล้ว +1

      @@codingpoweryt Jajaja Ok
      Why write javascript in html?

    • @codingpoweryt
      @codingpoweryt  3 ปีที่แล้ว +1

      It is few line of code so that's why i write in html otherwise i write in js file

    • @pisandoflechitas5294
      @pisandoflechitas5294 3 ปีที่แล้ว +1

      ​@@codingpoweryt My comment is because I am very new to programming and I was told that it is better to put everything in separate folders (good practices)
      But then I get confused when it comes to doing my functions and calling them to the html and styling them in the css ...
      Thanks for responding, I subscribe to your channel.
      Sorry for my terrible "English" xD

    • @codingpoweryt
      @codingpoweryt  3 ปีที่แล้ว +1

      Thank You❤❤