Creating a One Page Scrolling Effect

  • DianJen
    Inactive member
  • Topic Author
  • New Member
  • New Member
More
10 years 8 months ago #40369 by DianJen
Hi,

I wanted to find out if there is a way that I can link a menu button in the main menu (eg contact) to the related area on the home page (Contact us) so that the page scrolls to correct area when the main menu button is clicked.

Please Log in to join the conversation.

More
10 years 8 months ago #40373 by ivan.milic
In content of contact us set on some element attributes:
name="contact_anchor" and id="contact_anchor"

then for menu item use external url and use url: #contact_anchor

Please Log in to join the conversation.

  • DianJen
    Inactive member
  • Topic Author
  • New Member
  • New Member
More
10 years 8 months ago #40511 by DianJen
Hi,

Thanks for the assistance. I created the anchors as suggested. However, when clicked the page scrolls down and cuts off part of the section title. How can fix this?

Please Log in to join the conversation.

More
10 years 8 months ago #40516 by ivan.milic
SEND LINK SO WE COULD SEE

Please Log in to join the conversation.

  • DianJen
    Inactive member
  • Topic Author
  • New Member
  • New Member
More
10 years 8 months ago #40526 by DianJen
www.cliffordcharles.net/

click the schedule menu and you'll see what happens. It scrolls to the correct section- see me live sometimes but cuts off the heading

Please Log in to join the conversation.

More
10 years 8 months ago #40535 by ivan.milic
Try to add style like this on that anchor tags:
Code:
<a id="schedule_anchor" class="schedule_anchor" style="position:relative;top:-30px;" ></a>
The following user(s) said Thank You: DianJen

Please Log in to join the conversation.

Time to create page: 0.167 seconds
Powered by Kunena Forum