Yo Dawg,
You can use CSS to achieve this:
le CSS
.bounce {
position:fixed;
left:50%;
bottom:0;
margin-top:-25px;
margin-left:-25px;
height:50px;
width:50px;
background:red;
-web
I'm new to squarespace and didn't realize I was using 7.1 instead of 7.0. I found a bunch of tutorials to add scroll hint arrows but none of them worked for me in 7.1.... After following your instruct
I found the answer to my own question above.
if ($(this).scrollTop()>300)
Reducing the value here to 100 achieved the desired effect (bouncing arrow fading away) on my site as the visitor b
Question
mvpottery 142
I'd like to create a bouncing down arrow like the one on this website:
https://www.cookmellow.com/
It would be within the index pages of Brine / Marta template -- so that people know to scroll down (particularly on homepage)...
Thanks a lot
Edited by mvpotteryInitial Revision
Link to post
Top Posters For This Question
3
3
2
2
Popular Days
May 17
3
Dec 1
2
May 27
2
Oct 29
2
Top Posters For This Question
mvpottery 3 posts
neilfossett 3 posts
climbrick1 2 posts
aubreywade 2 posts
Popular Days
May 17 2016
3 posts
Dec 1 2016
2 posts
May 27 2020
2 posts
Oct 29 2020
2 posts
Popular Posts
climbrick1
Yo Dawg, You can use CSS to achieve this: le CSS .bounce { position:fixed; left:50%; bottom:0; margin-top:-25px; margin-left:-25px; height:50px; width:50px; background:red; -web
jbenrubi
I'm new to squarespace and didn't realize I was using 7.1 instead of 7.0. I found a bunch of tutorials to add scroll hint arrows but none of them worked for me in 7.1.... After following your instruct
aubreywade
I found the answer to my own question above. if ($(this).scrollTop()>300) Reducing the value here to 100 achieved the desired effect (bouncing arrow fading away) on my site as the visitor b
Posted Images
21 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment