Basically what i say in the title is what goes.. Ill show you some of the code and give an explanation.
Here's the website page: http://eosa.co.cc/themes/osoa/portfolio.html
As this doesnt let me post more than 1 link due to spam ive put 2 others links in big orange letters at the top so you can see the demo page and the JS for the softscroll
the arrows on the right side are what im refering too, they scroll in all browsers fine apart from safari? No idea why it wont work seeing as the demo works fine in safari.
and heres some html for the links used:
<div class="fullwidthbox">
<div class="portfoliogrouptitle">
<h1>Logo Design</h1>
</div>
<a href="#webdesign" class="scroll portfolionav-up"></a>
<a href="#prints" class="scroll portfolionav-down"></a>
</div>
And heres what they would link onto...
<hr class="contenthr" style="margin-bottom:30px" id="prints"/>
Im not sure what else to say?? but visit the site and the arrows on the right are anchor links to different sections, you'll understand better once you take a look. Also apologies for the speed of the site, its free hosting.
I dont have loads of knoledge about jquery so any help at all would be great, im more of a html/css person myself.