Tiny Scrolling plugin and image maps help
So i am working on my horizontal website layout, and I am pretty happy with my concept and design, but it seems that there is one issue with the smooth scrolling plugins..
I am using [url="http://lab.centralscrutinizer.it/the-tiny-scrollings/"]THIS PLUGIN[/url] here called Tiny Scrolling
and I was able to get it to work using an image as the link and the
-
<a href="#first">
coding.. you can see it working by clicking on the floating navigation you see on the example page.
My issue is that I wanted to use an image map to create a link for the first page.. So i created the map and linked the same way but instead of using
-
<a href>
i used
-
<area map>
which basically disables the smooth scrolling.. it also does something weird where when you land on that other page, you are already scrolled a little bit down so you are not at the complete top of the time
So i am sure that the reason this is happening is because this plugin relies on the anchor (<a href) to complete the effect.. and since i am not very good with javascript, i can not figure out how to change it
Here is a link to my example site:
[url="http://design.bscphoto.com/"]CLICK HERE[/url]
Here is the javascript I am using for it:
http://bscphoto.com/design/js/thw.js
and and ALL help is GREATLY appreciated.. i wish i knew more about javascript, but I am learning.. i am pretty decent with coding in general, so if you tell me to do something I can PROBABLY figure it out..