S
SolidJS•14mo ago
.suhaylmv

How to make the navbar change color when it's sticky like in the Solidjs homepage?

I only could come up with this. 400 is a fixed value for now, I should probably change it. Any suggestions? 
  const [bgColor, setBgColor] = createSignal(false);

  const changeBgColorHandler = () => {
    if (window.scrollY >= 400) {
      setBgColor(true);
    } else {
      setBgColor(false);
    }
  };

  window.addEventListener("scroll", changeBgColorHandler);
  const [bgColor, setBgColor] = createSignal(false);

  const changeBgColorHandler = () => {
    if (window.scrollY >= 400) {
      setBgColor(true);
    } else {
      setBgColor(false);
    }
  };

  window.addEventListener("scroll", changeBgColorHandler);
2 Replies
Unknown User
Unknown User•14mo ago
Message Not Public
Sign In & Join Server To View
.suhaylmv
.suhaylmv•14mo ago
Your snippet is interesting. I'm thinking about getting the vertical position of the Navbar and substitute it instead of the fixed value I've put earlier (400). This seems to be an easier solution, but I don't know how to do it Unfortunately I don't know typescript yet 😦
Want results from more Discord servers?
Add your server
More Posts
cant access global signals inside onMount?Hello, I want to set a list of notes to contain the data inside an async fetch request. To do this, createResource does not working with json()Why does text() work but json() does not: ``` let [schema1] = createResource(async _ => await (awaiupdating a tree of nodes in a SolidJS storehey y'all. i'm trying to build a tree view where nodes have an `isExpanded` state i'm having a tougNavbar re-rendersOther than with solidjs, with solid-start using the "A" Component my Navbar reloading every time i cProblem with refHi, I used to set ref like in this example, but it seems that when I use solidjs router, it doesn't CreateStore types not work for array```ts const [store, setStore] = createStore([{ lotNumber: '', }]); ``` This is giving typescriChildren helper break ContextI made a snippet to better show the problem, I tried looping the props.children instead of using theMotionOne with solidStartI was trying to experiment with using MotionOne with SolidStart. I installed it. Used this code: ``i expect a refetch with new data when the value of "firma()" changes - but this don't work.export function routeData({ params }) { return createServerData$( () => prisma.DP_T_Mitarbeiteroute.outlet is not a functionI installed the solid transition group and tried using it. Ever since then I get "router.outlet is