Jump to content

Will_R_1992

Member
  • Posts

    3
  • Joined

  • Last visited

Everything posted by Will_R_1992

  1. Thank you. Is it possible to do this, without refreshing the page? and pushing down to the section? Thanks
  2. forgot to add the code: <div class="scroll-down"></div> <style> .scroll-down { position: relative; top: 210px; left: 0px; left: 0%; bottom: 0px; display: block; text-align: left; font-size: 20px; z-index: 100; text-decoration: none; text-shadow: 0; width: 40px; height: 40px; border-bottom: 3px solid white; border-right: 3px solid white; z-index: 9; left: 10%; -webkit-transform: translate(-50%, 0%) rotate(45deg); -moz-transform: translate(-50%, 0%) rotate(45deg); transform: translate(-50%, 0%) rotate(45deg); -webkit-animation: fade_move_down 4s ease-in-out infinite; -moz-animation: fade_move_down 4s ease-in-out infinite; animation: fade_move_down 4s ease-in-out infinite; } /*animated scroll arrow animation*/ @-webkit-keyframes fade_move_down { 0% { -webkit-transform:translate(0,-10px) rotate(45deg); opacity: 0; } 50% { opacity: 1; } 100% { -webkit-transform:translate(0,10px) rotate(45deg); opacity: 0; } } @-moz-keyframes fade_move_down { 0% { -moz-transform:translate(0,-10px) rotate(45deg); opacity: 0; } 50% { opacity: 1; } 100% { -moz-transform:translate(0,10px) rotate(45deg); opacity: 0; } } @keyframes fade_move_down { 0% { transform:translate(0,-10px) rotate(45deg); opacity: 0; } 50% { opacity: 1; } 100% { transform:translate(0,10px) rotate(45deg); opacity: 0; } } </style>
  3. On the homepage, I've managed to create a white downward bouncing arrow—found on other threads. But would like this to be clickable, so it moves down to the next section. Smoothly, and without refreshing the page. Is this possible without upgrading to the "Business" plan? I'm assuming this requires some sort of Javascript? https://gerbil-soybean-w6m2.squarespace.com/ password: highwycombe
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.