Hi, i just bought this, but i cannot get it to work at all, i have viewed the tutotial many times, but i do not know what to do anymore.i just wanted smoothscrool to use use on my page. What can i do?. it looks simple, but i do not understand it.

Hello,
Could you please explain what exactly the issue is?
Have you followed the tutorials - if yes what's wrong? please provide a link to your page where we can check this.

i cannnot reply, i receive this message with my url


WebKnight Application Firewall Alert


Your request triggered an alert! If you feel that you have received this page in error, please contact the administrator of this web site.

What is WebKnight?
AQTRONIX WebKnight is an application firewall for web servers and is released under the GNU General Public License. It is an ISAPI filter for securing web servers by blocking certain requests. If an alert is triggered WebKnight will take over and protect the web server.


For more information on WebKnight: www.aqtronix.com/WebKnight/

AQTRONIX WebKnight

Well, please explain the issue you are having then, but be as detailed as possible? You can try posting the url without the dots as well....

I am using it as the tutoral is telling me to do, but it is not working

i put in the code in the reply field, no succes, same form Webknight.

demo5.ovkwebdesign.nl.preview.cloud1.maxicms.nl/

sldeir button should scroll to first at the bottom

You cannot paste code here because of security reasons ...

So on your page i see a huge mess.

I see animated arrow buttons in the header pointing to: href="#first" but your div container with id="first" is not properly styled and it is not where you expect it to be ... your other contains have floats applied to them and this one has no styling, so the browser sees it as if it is located at the top of the page. Please fix your layout issues first and this will fix the scrolling issues ...

OK, so i have styled it now and it seems to work. thanks for your help, i wil try it now, to make it work for the rest of the page. Thanks

Hi Again,

it is working haks for that, but now i am trying to get the Using Smooth Scroll with Fixed Headers.
but i my case i don't get it to work, if i put in top-nav as an id on the naviagation header just like the example it stops working at all.
what am i doing wrong. sorry for all the questions.

regards Berry

Please provide a link to this and tell me where have you applied it ...

demo5.ovkwebdesign.nl.preview.cloud1.maxicms.nl/

I don't see anything wrong on this page
Could you please explain what EXACTLY is wrong?

if i scrol down with the bounced arrow, it scrolls up but is does not recongnize the fixed header so the text is coming to close to the navigtion header

But it's the div with the id="p7PM3_2" that stays fixed, not the one having id="top-nav". Please add this id and try again.

Also you are missing an "#" before the id in the smooth scroll configuration: prntscr.com/kq25rf

if i put in "#" than nothing works anymore and p7PM3_2 is already an id so i cannot put another id in it or am i wrong?

Berry, you are using a WRONG ID in the header field in smooth scroll config. There you must put the ID of the element which height must be calculated on your page!
In your case you should enter: #p7PM3_2

I did what i told you and it does not work anymore, the croll effect is broken. i am sorry. so please do not get upset with me, i am trying

Now the id is properly set.
The problem is with your navigation. When initially the page loads it does not have any height applied to it. It only get a height when you scroll down and then it becomes fixed.
Smooth scroll reads the height on page load, and when your navigation returns nothing it breaks it. You have two options - either add a height to your navigation and keep this id in the smooths scroll UI, or just remove the id from there and add "60" (without quote) in the offset field.

Ok i understand that and i put in an ofset in as you told me .
But why is the smoothscroll not working anymore when i put the hash sign before p7m3_2 as you told me and without it it works fine as you can see in the link i sent you.
When i put it back in again it is not working anymore but in the tutorial and you explanation i have to put it in
f i put in "#" than nothing works anymore

Remove the value in the HEADER field and only put 60 in the OFFSET field .....

ok, is it possible to overwrite the offset on mobile devices as there is seems to be not scrolling to far enough anymore

But you are using 2 different elements on the page for mobile and desktop - this is not possible with a setup like that.
Usually you have 1 navigation, not 2. And usually you have a height set to it, so that whenever it changes for mobile it also works. That's not possible in your case - this is a really strange navigation script you are using and it is really strange you have 2 navigations and not just one responsive.