JavaScript Scroll Progress Indicator

แชร์
ฝัง

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

  • @xgiha
    @xgiha ปีที่แล้ว

    Greate work brother

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

    Great work bro! Really glad that i found this channel.

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

      Thanks very much! Much appreciated!

  • @ahmed-shamim
    @ahmed-shamim ปีที่แล้ว

    Amazing!

  • @username-bp1ix
    @username-bp1ix 3 ปีที่แล้ว +1

    Thanks a lot! it was useful

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

    Hey dude! Love the tutorial. Would love to know how to change progress indicator to black when it lands to white background?

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

      Try mix-blend-mode: difference;

  • @GenadiGenchev900
    @GenadiGenchev900 2 ปีที่แล้ว

    Hello, works but on my screen it scrolls down to 119% why is that? I followed you very carefully!

  • @Sartre_Existentialist
    @Sartre_Existentialist 10 หลายเดือนก่อน

    Is there a way to have the percentage have a 2 decimal place holder? I need this for something else but cant figure out the code to get it to show a percent like this (49.27%)

    • @ConorBailey
      @ConorBailey  10 หลายเดือนก่อน

      Yes there is. Use the toFixed function. See here: www.w3schools.com/jsref/jsref_tofixed.asp

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

    thanks for this tutorial. Can i ask something: on Mac i get 98% instead of 100% (on 15", 24" and on 27" displays). Do you know why? Everything else works fine!

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

      Hi mate. Can you post your code on code pen so I can take a look?

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

      @@ConorBailey hm, i never worked with code pen(?:) i will try it und post the link

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

      @UCLGZS7mqw__rOhaXK8YmLsA hi mate. Did you save the file? All i can see in that link is a css flex box demo with no JavaScript

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

      ok, i saved it.

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

      @@bambindien3327 sorry mate I can’t see the link any more

  • @ARIA.A
    @ARIA.A 3 ปีที่แล้ว

    do i need jQuerry for this code ?

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

      Hi mate. No you don't. Just plain old Javascript.

    • @ARIA.A
      @ARIA.A 3 ปีที่แล้ว +1

      @@ConorBailey nice thank you man great vidéo btw !

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

    source code please

  • @urvashiawasthi
    @urvashiawasthi ปีที่แล้ว

    Its not working.