Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search


  • Posts

  • Joined

  • Last visited

  1. I temporarily disabled the script because it was causing issues. It's still in the code, just commented-out.
  2. Site URL: http://www.allkings.org We had been successfully using the code shared here in this tutorial: https://www.launchthedamnthing.com/blog/use-parallax-in-squarespace-71 Until last weekend, we hadn't made any changes to the site and suddenly the parallax is off, and the layers are overlapping. I've disabled the script for now, but wondering if there may have been an update to 7.1 that would have changed things? We're still on that same version, and the tutorial is there to match it, but the problem is there.
  3. Wondering if anyone has any ideas. Not coming up with much when searching for solutions. I've tried also to use a GIF with transparent background, but a similar bug occurs, where the background isn't quite as grey, but still isn't transparent. As you can see here, the PNG transparent background is replaced with a dark grey, and in the GIF version it's pure white. Thanks for any suggestions!
  4. Site URL: https://walrus-bellflower-k256.squarespace.com/ I have an image in png format which is a black shape on a transparent background. I want the image to be the background image for a particular section which has an yellow background color. I would like the image to float on top and be adjustable opacity. It seems to do most of this fine, except when I set the opacity to 0, the area that is supposed to be transparent is actually gray. And as I adjust the opacity, you can see that it also adjusts the opacity of this gray area. It seems as though instead of the image being black-on-transparent, it gets converted to black-on-gray . On my computer, the background is transparent, but when I follow the link to the assetUrl on the background div, I get this white-background png. I've uploaded the png and linked below in-line to the version on my squarespace server.
  5. Site URL: https://walrus-bellflower-k256.squarespace.com/ I've tried a number of ways. It seems the page loads fully on the initial render, as the scrollbar indicates, but I can only seem to get the height of the element that my JS code is inside of, and not the whole document itself. I'm building a scroll-progress-bar for a client and need to know how much of the document they've scrolled through. I thought I might be able to get the footer element and measure the distance from there, but that's also undefined. This was my latest attempt, using all the possible document.height attributes I could find haha, but still nothing: const body = document.body const html = document.documentElement const h = Math.max( body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight ) still only returns 589, but the document scrolls to 4715
  • Create New...