Jump to content

Theis_Aarlund

Circle Member
  • Posts

    22
  • Joined

  • Last visited

Theis_Aarlund's Achievements

  1. Hi @IXStudio The code you supplied worked wonders for the Employees counter, but i have not been able to get it working with any of the other. I changed up a bit of the code, so that it would target another block, but i cannot get it working... This is the code, that i wrote for the "Miles of CableGuard wrapping strip used". <script> // wrap var eventFired = false, objectPositionTop = $('section[data-section-id="5e8c4a5a0d1a452372558c60"]').offset().top; $(window).on('scroll', function() { var currentPosition = $(document).scrollTop(); if (currentPosition > objectPositionTop && eventFired === false) { eventFired = true; // your code // Animate the element's value from 0 to 42: jQuery({someValue: 0}).animate({someValue: 1693}, { duration: 7000, easing:'swing', // can be anything step: function() { // called on every step // Update the element's text with rounded-up value: $('#block-yui_3_17_2_1_1604658610318_15620 h2 #wrap').text(Math.ceil(this.someValue) + ""); }});}}); </script>
  2. @IXStudio could you share the method to only start the animation, when scrolled to? Also i am having problems with centering the numbers Website: ewg.squarespace.com
  3. Site URL: https://www.davai.squarespace.com Hi I am wondering how i move the navigation bar below the first section/banner. I have seen this done on many websites, including ones, made with squarespace, although they could be done on version 7.0. The website, on which i want to add this effect is davai.squarespace.com (password: davai) The effect has been achieved on our current website (davai.dk) for reference, but that is running on wordpress. Another example is https://harlow.showit.site/ I am sure this question has been raised before, but i have not been able to find a solution. Once the navigation bar is removed from the first section/banner, i want it to be fixed. The first section/banner should still have company logo in top left corner. I have added an attachment of a video, where the effect is showcased. Skærmoptagelse 2020-10-09 kl. 14.00.18.mov
×
×
  • 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.