#Hey everyone, this is my portfolio (https://por...

1 messages · Page 1 of 1 (latest)

quaint turtleBOT
#

Thread automatically created, you can use it to discuss about the project!

pallid thorn
#

Hey, nice portfolio design i would make the lower text at the start a bit brighter for readability. Could you share what you are using for the appearing content on scroll?

#

Is it just an observer or a specific libary

chrome cradle
pallid thorn
#

What do you mean polyfill?

chrome cradle
chrome cradle
#

is that clear ?

pallid thorn
#

Got it👍

chrome cradle
# pallid thorn Got it👍

this is chatgpt answer about it
A polyfill is a piece of code that provides modern functionality on older browsers or platforms that do not support it natively.

Polyfills are often used in web development to ensure that web applications or websites work consistently across different browsers and platforms. For example, if a developer wants to use a modern JavaScript feature that is not supported in older browsers, they can use a polyfill to provide that functionality to those browsers.

Polyfills typically detect whether a certain feature is supported by the browser or platform, and if not, provide a fallback implementation of the feature. They can be included in a project as a separate JavaScript file or as part of a larger library or framework.

#

hope it helps!

vague forge
#

@chrome cradle You have NextJs listed twice

chrome cradle
#

no not twice

#

NestJS

#

nodeJs framework @vague forge (backend)

vague forge
chrome cradle
graceful totem
#

how'd u get smooth scrolling to work

chrome cradle
#

you can do the following:-

const section1 = document.querySelector('#section1');
  const section1Pos = section1.offsetTop;
  window.scrollTo({
    top: section1Pos,
    behavior: 'smooth'
  });
#

or you can use css

#

scroll-behavior: smooth;

graceful totem
#

oh i just used the css

#

it wasn't working originally

#

but worked once i put important

chrome cradle
#

i hope it helps