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 almost 7 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 almost 7 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 almost 7 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 almost 7 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 almost 7 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 almost 7 years ago by Tony Crockford