Put an HREF in a DIV and give an scroll effect

Asked Jul 16 '20 at 02:17

Active Jul 16 '20 at 05:13

Viewed 37 times

I am trying to make a div to be an HREF. I have done it by using javascript...

var about = $('#about');
about.click(function(){
        $(location).attr('href', '#quienes-somos');
    });

So when I click the "about" div, I can go to the "quienes-somos" div. However, I need to give the link a scroll effect. I was doing some research and I found that I could use the animate() method of jQuery, but I didn't really find out how to apply it to my script. Thanks so much for any help you can give me!

Mauricio

edited Jul 16 '20 at 05:13

jdaz

4,794
2
16
27

asked Jul 16 '20 at 02:17

mauricio avecilla

1

Use css animations... – dale landry Jul 16 '20 at 02:20
1

This answer might help you out https://stackoverflow.com/a/6677069/7804384 – Rustang Jul 16 '20 at 02:21
We need more information: Is this href a new page? Why do you even need to put an href on a div, that makes absolutely no sense. – cloned Jul 16 '20 at 06:41
Why don't you wrap the DIV in an anchor? Like `
...
`. Then add `html { scroll-behavior: smooth;}` to your CSS code to perform smooth scrolling on scroll. See [this fiddle](https://jsfiddle.net/Moonbird_IT/wg8ycmef/3/) for demo. – SaschaM78 Jul 16 '20 at 06:47
Thanks for the answers!!! I will prove to wrap the DIV in an anchor..... – mauricio avecilla Jul 16 '20 at 14:22
YESSSSSSSSSSS. Finally I made it!!! thanks Sascha!!!! – mauricio avecilla Jul 16 '20 at 14:25

Put an HREF in a DIV and give an scroll effect

0 Answers0