Flexbox layout with sidebar and fixed footer

Поделиться
HTML-код
  • Опубликовано: 19 янв 2021
  • To explain this CodePen: codepen.io/keefblurgu/pen/NWR...
  • НаукаНаука

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

  • @gadoosher
    @gadoosher Месяц назад

    3 years later and still insanely helpful. Crystal clear explanation. Thank you!!! 🙏🏼

    • @kbutube
      @kbutube  Месяц назад

      I appreciate these comments so much. I made this video for a friend and he was the only person I ever expected to watch it. It's been a really happy surprise that other people have found it and learned from it.

    • @gadoosher
      @gadoosher Месяц назад

      @@kbutube Aww, that's awesome!!

  • @eduardovarela1624
    @eduardovarela1624 2 года назад

    Thank you so much man, I have been looking for this layout for a long time. Great video!

  • @richardclifford583
    @richardclifford583 17 дней назад

    Very helpful. thanks!

  • @economis411
    @economis411 7 месяцев назад

    Thanks, you just saved my time, this is just what i need🙏🙏🙏

  • @sujitcodes
    @sujitcodes Год назад

    bro video was very helpful to me. thank you so much

    • @kbutube
      @kbutube  Год назад +1

      You’re welcome! I made this to help a friend and it’s made me really happy that other people appreciate it.

  • @alikachoo4067
    @alikachoo4067 6 месяцев назад

    Very helpful thanks

  • @muhiddinozodxojayev8542
    @muhiddinozodxojayev8542 2 года назад

    Thank you

  • @Yory.i
    @Yory.i Год назад

    the drawback of using content to Inside div or you could say scroll through the div by overflowing to auto, is that I have trouble putting the scroll effect with javascript because javascript only targets the scroll in the body, not the div, maybe this could be tweaked in some way but it's still too minimal a tutorial to put that into place, so I hope can there be more tutorials for javascript to receive a scroll effect with target content to inside div, scroll div or scroll from auto overflow which is applied to div
    For those of you who don't understand what I mean, here's a little example.

    • @kbutube
      @kbutube  Год назад +1

      I don’t completely understand, but you can choose which element to target with JavaScript. Put an id on any div, and you can then use ‘document.querySelector("#my-div")’ to target events inside it.

    • @kbutube
      @kbutube  Год назад +1

      More here: developer.mozilla.org/en-US/docs/Web/API/Element/scrollTop#scrolling_an_element

    • @Yory.i
      @Yory.i Год назад

      @@kbutube I've updated the comments to make it clearer for you for my purposes you can see there are 2 code samples, the first is the code example inside the content div the second is outside the content div, and and JavaScript can only use the outside content div method because it tends to use the default scroll or body scroll

    • @Yory.i
      @Yory.i Год назад

      And thanks for the response any way will be accepted

  • @greatavielite
    @greatavielite Год назад

    somehow the entire website is scrolling instead of only the content, I used the same code that works in the codepen.

    • @kbutube
      @kbutube  Год назад

      If you link me to a CodePen or website of your own I can take a look.

  • @roypeter7782
    @roypeter7782 Год назад

    Thank you