I've got a function that positions my slide-scroller correctly... but whenever I load one of the individual slides with its respective hashtag (#tag), the function doesn't apply to it.

Any idea what the deal with hashtags is? This is frustrating... I want to link to individual slides....

  • What's the deal with you posting the same thread over and over? Nathan Duran over 6 years ago
  • Can you post a link to a demo page that exhibits the problem or post ALL of the code (page + css + script) ?? It will be easier to help if we can see everything danwellman over 6 years ago
  • Thanks Nathan, I posted it once before this and wasn't happy with the way I communicated my problem. Go troll elsewhere. Dan, the link is below :) Thanks for taking a look. KyleBooth over 6 years ago

2 answers

1
point

In your example, #panel-2 is referred to as a "URL fragment identifier". URL fragments are used to refer to a specific section of a page. They are used to deep link a document, rather than just linking to the top of the page.

Wikipedia, for example, uses fragment identifiers quite extensively. Every subheading on a page can be linked to like this.

In context, your url:

http://www.nascentdigital.com/#panel-2

means "show me section panel-2 of the page found at http://www.nascentdigital.com/". When you click (or type) a URL with a fragment, your browser will try to navigate to the requested section of the URL in question.

In your case, this means the scrolls down until it hits the top of the panel-2 div.

Answered over 6 years ago by Justin Hileman
  • Ah, gotcha. I suppose if I want to manipulate the way the page is displayed when one of these fragments is called I could always implement some script... couldn't I? KyleBooth over 6 years ago
  • @KyleBooth Exactly... Watch what Facebook does with URLs and fragments as you browse the site. Watch what happens to a URL with fragment when you refresh a page. Justin Hileman over 6 years ago
0
points

are you using id or named anchors or both? different browsers use element ids and <a name=""></a> in varying degrees of success.

but a test case page with the 'non-working' code that illustrates your problem will get you a better answer.

Answered over 6 years ago by Tony Crockford