Include Starting Scroll Point in URL?

[JD]

URL: aeipathy.proboards.com/

This is probably more a general coding question than Proboards specific but I am struggling to find the answer on Google...

I currently have my site info threads with each section a new post. This way, if I want to send a questioning member to *specific* information, I can get the post URL (the one that comes up after editing a post) so that they can click and be scrolled to the right info. This structure, however, is not working for me long time, and I would like to have all in the information in a single custom page. However, I *still* want to be able to send people to a particular point. Is there a way I can basically scroll to a point on my own scroll, go *that point there!!* and then save that as a URL so that when I send it to others they load up the page and it automatically scrolls to the appropriate category?

I'm assuming you can do this via ID's if I put IDs in the headers of each section? I just have no idea how to *do* it or what the code actually is....

Any help would be much appreciated here Sorry it's such a random request

[Lynx]

Hi, JD.

Since you stated you're using a custom page, here's what you'll need to do in HTML. If you're using a post in a thread that has your different sections, let me know and I can show you how to do that with BBCode.

First, go to your custom page and before each section put an ID in for an HREF. For example:

<a id="intro">Introduction</a>
   // information in Introduction here

<a id="rules">Rules</a>
   // Possibly general info regarding rules or rule-breaking consequences here

<a id="character">Character Generation Info</a>
   // Info about generating their character here

That gets the ID in for those links. Just be sure each section has a unique ID - and avoid any ID's that may already exist with PB, as you can't have 2 ID's of the same name on the same page.

Now, to post this as a link in a post that a user can just click on to go to the correct section, you'd simply have something like:


[a href="/page/info#character"]Info regarding character generation.[/a]


Breaking that apart:

/page - goes to a custom page
/info - this is your page's ID, so if your custom page had an ID of notices, then you'd have /notices here
#character - this is the ID for the section you want to send them to on that page.

So, if you had a custom page with an ID of extra-info and a section with an ID of google, then your post HREF would look like this:


[a href="/page/extra-info#google"]Extra info on Google[/a]


If you still need help, don't hesitate to ask.


EDIT: If you'd like to see if this is what you're asking you can try the link below. It's a guest-friendly link that goes to a custom page for that forum's rules. Note that I have the full URL in the link because I'm going to a different forum.

Here's the URL for the link below:

[a href="http://birdsatnight.proboards.com/page/rules#r-9"]Please post in English only rule[/a]


and here's the link in action: Please post in English only rule

[JD]

Lynx

You are a frickin' god send!!! I *knew* there was a way this could be done with IDs - I just couldn't work out the URL bit. So simple! I feel so dumb!!

Thank you, thank you, thank you!!! <3 <3

[Lynx]

Nov 1, 2018 6:27:42 GMT -8 JD said:

Lynx

You are a frickin' god send!!! I *knew* there was a way this could be done with IDs - I just couldn't work out the URL bit. So simple! I feel so dumb!!

Thank you, thank you, thank you!!! <3 <3

Glad I could be of help!

[JD]

Hey there! Just to confirm on this...

Is there a way of doing this instead of thread/post, rather than just a page? The Custom Pages don't allow enough characters for me to put all the information in there, so I'm moving all my basic info to a thread page. But then the links don't seem to make up in the same way? I'm using this -

/thread/1946/who#001

Just as detailed above - copy and pasting the url and then placing the id at the end. But it doesn't work. It opens up a new window to the same page without scrolling to the id exactly. Does anyone know how to do this correctly?

Just to confirm - I am trying to link to an id in the same post not in different posts.... Hope that helps <3

[Retread]

Hi JD

Scrolling within a thread or post tends to be somewhat imprecise. Various browsers will land at a slightly different point. However, you can have somewhat reasonable success.

To begin with, you need to use a different syntax for the a tag to which you're referencing your landing spot. As an example, I used scrollpoint as a name and placed an a tag with the following syntax at the beginning of this post with the following syntax:
[a name="scrollpoint][/a]

Then at the very end of this post, I'll link, referencing this thread and the name used in the a tag. Note that I include target="_self" to prevent opening a new browser tab. Here's the syntax which will be used there:
[a href="/thread/653836#scrollpoint" target="_self"]scroll[/a]

Now I'll place a whole lotta nonsense to create a couple of screens of distance so we can see if this does return to the top of my post.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vitae lectus non purus sollicitudin commodo eu in sapien. In porttitor mauris nec congue semper. Suspendisse ornare sollicitudin maximus. Ut lacus urna, finibus eget erat vitae, porttitor vestibulum mauris. Pellentesque et finibus ante. Mauris id pulvinar elit. In hac habitasse platea dictumst. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;

Donec eget ullamcorper odio. Maecenas ante mi, ornare nec elit sollicitudin, viverra pulvinar purus. Maecenas sed luctus est. In hac habitasse platea dictumst. Sed non lorem sit amet tellus elementum facilisis at sit amet massa. Nulla facilisi. Aenean a posuere arcu, sed viverra sapien. Sed vehicula velit turpis, at convallis erat tempor at. Sed at auctor metus, in elementum ligula.

Sed porta venenatis consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam tristique id sem vitae porta. Aenean aliquet lorem et tellus pellentesque fringilla. In hac habitasse platea dictumst. Vivamus et quam id neque imperdiet fermentum. Proin aliquet nec libero sit amet mattis. Quisque venenatis libero massa, at tincidunt sem porttitor quis. Phasellus lobortis vestibulum sapien ac ultricies. Mauris nisl erat, efficitur non facilisis eu, accumsan ac lorem. Maecenas ullamcorper orci eget magna vehicula aliquam. Maecenas volutpat non nulla eget pulvinar. In hac habitasse platea dictumst.

Nulla pharetra faucibus vestibulum. Donec mi elit, tempus id felis nec, bibendum luctus ante. Etiam consequat auctor augue nec consectetur. Pellentesque lobortis arcu velit, eleifend imperdiet augue rutrum at. Phasellus varius risus id libero luctus posuere sit amet at risus. Morbi sagittis, mi ut fermentum eleifend, quam eros egestas dolor, tincidunt gravida massa odio vitae ipsum. Aliquam ut vehicula lorem. Vivamus auctor eleifend risus, non sollicitudin massa bibendum lobortis. Ut in iaculis lectus. Praesent semper nisl sit amet purus blandit sollicitudin. Donec sed molestie tellus. Phasellus eu lacus est.

Vestibulum sit amet tellus at nisi dictum volutpat et quis ante. Duis porttitor metus eget mattis mattis. Nunc non egestas orci. Donec sapien lectus, feugiat nec cursus id, mattis tempus augue. Curabitur sed fermentum massa, at lobortis mauris. Donec varius eget nisl at semper. Fusce at luctus tortor, sed volutpat nibh. Etiam sodales augue in augue venenatis, nec consectetur mauris ultricies. Pellentesque posuere consectetur mattis. Duis varius vehicula nunc vel porta. Nunc condimentum ligula nulla, nec varius diam interdum a. Aliquam eget luctus nisl, in mattis sem.

Etiam eleifend rutrum magna vehicula posuere. Proin nisl libero, pellentesque non sapien nec, vestibulum pretium quam. Nunc nisl eros, sollicitudin nec tristique eget, ultricies id ipsum. Nulla sit amet luctus nunc. Ut vitae sem nisl. Suspendisse aliquam est nunc, a bibendum orci tristique nec. Nullam at eros vel tellus tincidunt viverra sed in elit. Aliquam erat volutpat.

Maecenas eget dignissim augue. Nullam eu lacus interdum est pellentesque pellentesque lacinia eu elit. Curabitur consectetur bibendum nunc, et eleifend mauris pellentesque at. Proin rutrum, dui ac lobortis ultrices, metus metus tempus metus, non tincidunt diam nulla ac ex. Phasellus ut dapibus nulla. Cras suscipit tempus tempus. Donec convallis enim a velit auctor, vehicula pellentesque odio laoreet. Sed risus purus, finibus ut sagittis sed, blandit tincidunt leo. Proin sagittis rutrum sapien, in tristique magna luctus id. Aenean auctor accumsan molestie. Proin tincidunt porta tincidunt. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam sit amet blandit ex, laoreet blandit lorem. Nunc blandit, justo et dapibus rutrum, urna dolor lobortis massa, eu volutpat risus orci in est. Nam in nunc ac eros volutpat suscipit.

Ut posuere tellus ac dui efficitur fermentum. Sed ligula metus, varius id est vitae, egestas luctus eros. Vestibulum iaculis massa eu augue suscipit, et malesuada sapien tincidunt. Aenean a mollis augue, in mollis turpis. Fusce porta orci eget urna fermentum bibendum. Sed ornare semper tortor, ac convallis libero hendrerit imperdiet. Proin sollicitudin erat vel orci fringilla dignissim. Morbi dictum convallis mauris, at volutpat libero vehicula eu. Vestibulum pulvinar nulla nisl, eu scelerisque massa ullamcorper id. Cras risus augue, tempus quis fermentum ullamcorper, convallis sed orci.

Cras egestas nunc massa, sagittis rutrum eros luctus id. Sed lorem ligula, mattis ac turpis eget, porttitor eleifend libero. Etiam eget semper purus. Maecenas quam justo, faucibus et pharetra id, consectetur sit amet lorem. Suspendisse tincidunt felis lacus, at elementum tortor scelerisque finibus. Nam non leo nisl. Pellentesque in eros ac felis tincidunt commodo.

Praesent aliquet, ex non venenatis maximus, ex leo volutpat metus, vel imperdiet metus lacus sed erat. Vivamus suscipit, nunc sed lobortis faucibus, turpis dolor hendrerit mi, ut hendrerit risus lorem vel augue. Fusce sed cursus ipsum. Donec ac est id nulla molestie pellentesque. Mauris ut facilisis justo, sit amet pretium erat. Donec ut aliquet dolor. Etiam vel vulputate lacus. Pellentesque sodales elementum gravida. Quisque felis sapien, auctor id lobortis sit amet, pulvinar in lacus. Etiam congue luctus enim sit amet scelerisque. Donec mattis molestie lorem non laoreet. Suspendisse et tempus arcu, in suscipit dui. Curabitur quis risus ac tellus posuere interdum.

Praesent vitae est fermentum, cursus arcu vel, volutpat odio. Curabitur lectus turpis, tincidunt ut justo ac, pellentesque lacinia nisl. Sed dignissim quam a malesuada pharetra. Donec nec lacus pellentesque, molestie massa id, scelerisque ante. Etiam blandit, ante id euismod viverra, diam metus ultrices mauris, sed scelerisque orci quam lacinia tellus. Duis vehicula nec urna a consequat. Sed aliquam arcu eget nibh faucibus lacinia. Phasellus volutpat, nunc sed tincidunt eleifend, elit augue viverra turpis, eget viverra dui urna ut ligula. Nam eget sagittis dolor, nec maximus augue. Proin sit amet accumsan nisi. Mauris ut mauris ut dui blandit sollicitudin eu et risus. Suspendisse potenti. Donec sed lorem sapien. Nunc vitae odio nec ex faucibus cursus. Maecenas odio eros, auctor nec mi quis, vehicula blandit nulla. In hac habitasse platea dictumst.

Cras luctus tellus eu mattis facilisis. Pellentesque vitae ex lacus. Etiam venenatis dolor mauris. Nullam faucibus a eros sollicitudin semper. Curabitur diam sem, feugiat faucibus nulla a, tempus faucibus est. Aliquam ac risus sed tellus pretium iaculis vel ut urna. Fusce interdum ex quam, eu pulvinar turpis ultrices vel. Sed ac varius nisl, in rutrum felis. In lorem ex, posuere a metus in, ultricies congue orci. Morbi in congue risus. Quisque nec tellus ut purus tempor feugiat. Praesent porttitor suscipit augue quis luctus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse tincidunt risus id orci imperdiet commodo. Cras tellus urna, malesuada sed vulputate sed, tincidunt eget sem.

Nulla et dapibus lacus. Proin elementum libero blandit augue tristique, quis vulputate nibh pretium. Sed finibus odio varius sem commodo porta. Ut eu ante ac neque congue viverra vitae non lacus. Vestibulum ac felis volutpat, dapibus urna nec, malesuada mi. Mauris accumsan augue nisl, in tincidunt eros pharetra gravida. Nam massa sapien, cursus vel felis nec, varius blandit est. Morbi efficitur erat at est sollicitudin, at tincidunt arcu maximus. Aliquam tincidunt augue lectus, vehicula pulvinar tortor placerat id. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum sem felis, mattis vel dictum nec, tristique maximus neque. Aliquam arcu magna, porta sit amet feugiat congue, aliquam vel sem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris molestie scelerisque massa, vitae tempus libero rutrum id. Donec nisi velit, tristique non nibh id, dignissim suscipit orci.

Aenean congue porta est a maximus. Nam interdum, neque eu rutrum ultricies, dolor purus ultrices enim, et ornare leo nulla placerat ligula. Nunc vitae hendrerit sem. Vivamus hendrerit, nibh ut tristique dictum, turpis mi suscipit sapien, at mollis dui metus vitae justo. Nulla interdum rhoncus orci, vitae egestas orci elementum vitae. Suspendisse potenti. Praesent accumsan odio diam, at congue tortor auctor non. Donec justo ex, fermentum ac elit et, commodo tristique nunc. Proin mollis est ut elit pretium tempus ut ut enim. Cras imperdiet, leo id dignissim fringilla, diam nibh ullamcorper erat, nec consectetur ante ligula vel dui. Mauris elementum erat a sapien lobortis pharetra. Suspendisse vestibulum lorem id elit vestibulum finibus. Suspendisse varius posuere nisi nec condimentum.

Proin magna lorem, maximus eget mi sed, consectetur porta nisi. In sit amet nibh sit amet nisl elementum mollis. Morbi eleifend turpis nec quam imperdiet, et facilisis sapien elementum. Integer pharetra congue sem, quis mollis nisl efficitur quis. Quisque feugiat porta urna. Donec elit libero, luctus sed tellus gravida, tincidunt molestie nulla. Morbi sem arcu, fringilla ac tempor et, hendrerit sed quam. Suspendisse sed sem non diam congue ultrices. Mauris purus elit, efficitur eu turpis a, euismod cursus lectus. Donec turpis turpis, sodales vel ante laoreet, bibendum aliquet tortor. Nunc quis vehicula massa. Ut et tellus a orci pharetra gravida vel id ex. Maecenas rutrum hendrerit rhoncus. Etiam id nisl cursus, ultricies augue quis, facilisis erat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Interdum et malesuada fames ac ante ipsum primis in faucibus.

Nulla porta justo non dolor congue, eget euismod justo aliquam. Integer sit amet odio et nisi posuere efficitur. Duis scelerisque lacus lacus, sed porta turpis lacinia et. Cras cursus sapien a rutrum blandit. Maecenas tristique lectus ut quam porttitor fringilla. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut non ante eget tellus congue mattis.

Pellentesque fermentum aliquet ipsum non tempor. Ut efficitur sagittis ipsum, id dignissim lorem mollis sit amet. Ut non odio sit amet ligula tincidunt vestibulum. Nulla pellentesque nec ante in porta. Ut vel laoreet dolor. Duis erat velit, tempor non rhoncus a, ultrices at erat. Nullam nec dui eu sem varius aliquam. Fusce ornare aliquam auctor.

In metus ex, lobortis nec dolor sit amet, aliquam viverra elit. Donec tristique iaculis velit id egestas. Quisque tincidunt vitae risus ut placerat. Pellentesque consequat purus sed dui lacinia ultrices. Aliquam scelerisque laoreet maximus. Donec condimentum vel neque quis euismod. Integer vel magna dui. Aliquam finibus id elit sit amet molestie. Fusce lobortis nec magna at luctus.

Nullam convallis est lectus, vel egestas nunc tincidunt vel. Proin placerat mauris a justo placerat, vitae rhoncus leo fermentum. Mauris a nibh ullamcorper magna varius tempus. Integer sodales, dui eget tincidunt luctus, arcu est tristique orci, vitae bibendum eros ligula ut ex. Aenean lacinia auctor erat in convallis. Praesent id suscipit nunc. Sed urna tortor, lobortis ac efficitur id, efficitur eu purus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vitae dolor tellus. Fusce nibh lorem, ornare non tempus in, tristique ut diam. Duis pellentesque nunc felis. Sed tincidunt turpis vitae ipsum mollis bibendum. Nulla faucibus neque eros, vel vulputate dolor suscipit id. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas a facilisis quam, eget porttitor massa. Sed bibendum ipsum et aliquet mollis.

Donec ut nisi at nisi imperdiet efficitur at ut nunc. Fusce dui lorem, finibus ac rutrum eu, lacinia ac ante. Aliquam leo quam, maximus ut ipsum ut, porta auctor nisl. Phasellus at nulla metus. Nullam lorem mi, pretium non ante eu, sollicitudin faucibus ex. Sed aliquet velit velit, eu hendrerit ipsum accumsan a. Donec facilisis consequat mauris ac efficitur. Proin accumsan lacus ligula, non accumsan sem porttitor sit amet. Morbi molestie volutpat orci, sed hendrerit lectus.

scroll

[JD]

Retread

This is wonderful! Thanks for your help! I will definitely be using this <3 <3