Auto Hiding Sticky Navbar with Angular and Motion One!

Поделиться
HTML-код
  • Опубликовано: 3 ноя 2024

Комментарии • 18

  • @rafigeniuscs
    @rafigeniuscs 2 месяца назад +1

    Your teaching style is outstanding! I've learned so much from your tutorials. I wanted to suggest creating content on paginated dropdowns and more complex form entries, including validations and steppers. I think these topics would greatly benefit the community, and I'm sure you'd do an amazing job explaining them!

    • @ZoaibKhan
      @ZoaibKhan  2 месяца назад

      Hey Rafi, thanks for your kind words! I'm glad you like the style :) And those are very useful suggestions. I'll definitely be covering some of them in the near future :)

  • @nejmaljamal1281
    @nejmaljamal1281 2 месяца назад +1

    Thanks for this amazing tutorial, I was actually trying to implement sticky navbar

    • @nejmaljamal1281
      @nejmaljamal1281 2 месяца назад

      Please do a tutorial on SSR app with SEO integration

    • @ZoaibKhan
      @ZoaibKhan  2 месяца назад

      You're welcome 😊 I've noted your suggestion! Thanks for the comment

  • @ayushtamboli3496
    @ayushtamboli3496 2 месяца назад

    Can you make videos on how to handle Web security in angular like xss attack, csrf

    • @ZoaibKhan
      @ZoaibKhan  2 месяца назад +1

      Well, some security is handled by Angular out of the box. But I havent worked with it that much - if you need you can try out the official Angular docs, their docs have a good guide on how to handle XSS attacks and other vulnerabilities.

  • @Neotrixstdr
    @Neotrixstdr 2 месяца назад

    Hi! great video, but the scroll event dont attach to the page scroll, it´s only fire OnInit so it´s do not work... I dont know what i am doing wrong...

    • @ZoaibKhan
      @ZoaibKhan  2 месяца назад

      Can you share your component code so I can see?

    • @Neotrixstdr
      @Neotrixstdr 2 месяца назад

      Forget it! my App has SSR, so if i callscroll from hook afterRender, it´s work. Thanks!

    • @ZoaibKhan
      @ZoaibKhan  2 месяца назад

      @@Neotrixstdr Good that it works. But be careful, afterRender is called whenever the view is updated in Angular. So you might have multiple scroll handlers. ngOnInit should work just fine - even with SSR - because it will be called when the client app initializes.

    • @Neotrixstdr
      @Neotrixstdr 2 месяца назад

      @@ZoaibKhan Yes, thanks. My test App have too provideExperimentalZonelessChangeDetection... i have try in the most complicated project 😁. Thanks for your help!

    • @ZoaibKhan
      @ZoaibKhan  2 месяца назад

      @@Neotrixstdr no problem 🙂

  • @fayazvar3948
    @fayazvar3948 2 месяца назад

    Totally confused today. What is that host: {} saw it first time, what is it.

    • @ZoaibKhan
      @ZoaibKhan  2 месяца назад +1

      It is just another way of adding Host listeners. More detail in the docs.
      angular.dev/guide/components/host-elements#

    • @fayazvar3948
      @fayazvar3948 2 месяца назад

      @@ZoaibKhan Thank you

  • @davebudah
    @davebudah 2 месяца назад

    First comment.

    • @ZoaibKhan
      @ZoaibKhan  2 месяца назад +1

      👏👏👏😊