Working on a personal site on weebly, wondering if theres anyone out there!

I'm not up to speed on the latest and greatest code. But what do you need?

Looking to make a header button just scroll down the page as opposed to going to another page.

quote:

Originally posted by Deqlyn:
Looking to make a header button just scroll down the page as opposed to going to another page.

As in, the button stays in the same place relative to the browser viewport, as you scroll up and down the page?

See this working example. The element in question is the red box (to the left), labeled "myDiv". Is this what you mean?

https://www.w3schools.com/cssr...osition&preval=fixed

Not quite. On This
Page if you go to menu and click "become a client" it just scrolls you down the page. That is what I am trying to accomplish.

It's been a while, but I think you can do what you want with Anchor Tags.
Another option might be using <a name=> Tags.

Take a look at this and see if the bookmark on the same page is going to work.

https://www.w3schools.com/html/html_links.asp

quote:

Originally posted by Deqlyn:
Not quite. On This
Page if you go to menu and click "become a client" it just scrolls you down the page. That is what I am trying to accomplish.

They're using anchors.
The code they have is:

<a href="#vm-workwithus" class="btn btn-default btn-caps ctrl-scrollto">Become a Client</a>


and the code down where it scrolls to is:

<div id="vm-workwithus" class="section-grey">

Thanks everyone! Ill try and sort this out in the a.m. with a clear head!

quote:

Originally posted by Deqlyn:
Not quite. On This
Page if you go to menu and click "become a client" it just scrolls you down the page. That is what I am trying to accomplish.

I'm having issues loading that site.

Go here and click on the link "Driving directions from the north, central and east Denver metro areas." Is that what you are trying to achieve?

If so, you can do that with a link.

Instructions:

1) Find an element at the position in the page that you want to scroll to. If it has an "id", go to the next step. If it doesn't, add an "id" to it. For example, if the element is a "div" <div id="myID">...</div>.

2) Go to your link and give the href attribute the value "#myID". Example: <a href="#myID">...</a>.


If you want to do that with a actual button, it will require a bit of javascript.

Alternate Instructions for a button:
If you actually have a button instead of a link, replace step 2 above with the following.

2') Add an onclick attribute to the button/input with the value, "document.location.href = '#myID'". Example, the code should look like <input type="button" onclick="document.location.href = '#myID'">...

If for some reason that doesn't work, try this for the value of the "onclick" attribute:

<input type="button" onclick="document.location.href = document.location.href + '#myID'">...

Storm, thank you. Same concept with the driving directions.

quote:

Originally posted by Deqlyn:
Storm, thank you. Same concept with the driving directions.

Great! You're welcome. Did that code work for you?

quote:

Originally posted by Storm:

quote:

Originally posted by Deqlyn:
Storm, thank you. Same concept with the driving directions.

Great! You're welcome. Did that code work for you?

The link for where it scrolls to is easy, I just drop an embed code button. The problem is finding where I can drop the h ref lines in on my "contact us" button. Any ideas there? Thinking about just using MUSE, lol.

My options are on:

header.html
no-header.html
splash.html

---Styles
_blog.less
_commerce.less
_global.less
_nav.less
_page-type.less
_resets.less
_responsive.less
_ui-kit.less
main.less
variables.less

quote:

Originally posted by Deqlyn:

quote:

Originally posted by Storm:

quote:

Originally posted by Deqlyn:
Storm, thank you. Same concept with the driving directions.

Great! You're welcome. Did that code work for you?

The link for where it scrolls to is easy, I just drop an embed code button. The problem is finding where I can drop the h ref lines in on my "contact us" button. Any ideas there? Thinking about just using MUSE, lol.

My options are on:

header.html
no-header.html
splash.html

---Styles
_blog.less
_commerce.less
_global.less
_nav.less
_page-type.less
_resets.less
_responsive.less
_ui-kit.less
main.less
variables.less

Sorry, I'm lost again.

Is this page/site published? Can you post or send me a link to where I can look at the whole thing.

It is unpublished. Im traveling but will email you when i can

quote:

Originally posted by Deqlyn:
It is unpublished. Im traveling but will email you when i can

Sounds good. Post here, when you send the email. I only check that address occasionally.

Email sent

quote:

Originally posted by Deqlyn:
Email sent

Got it. Reply sent.