nelipot
Posts: 2
Joined: Tue Sep 24, 2013 4:31 pm

Anchor Problem

I've got a tricky problem that probably doesn't come up much. Basically, when my link is at the bottom of a scrolled window the highslide window pops up from below the screen causing a jitter to the page as it temporarily adds, then takes away, a scroll bar on the far right. Here's the site: http://www.media1044.com/. If you scroll down the "Our work" section and click a thumbnail you can see the issue. All the others at the top of the list act correctly. I'm assuming it's because highslide is seeing the link as being "below" the page but in my still learning capacity I'm unable to come up with a solution.
Thanks!
MisterNeutron
Posts: 440
Joined: Sun Aug 18, 2013 11:20 am

Re: Anchor Problem

It happens only in Chrome - in Firefox and IE11, I don't see the same effect. Just as an experiment, you might try getting rid of the following:

Code: Select all

hs.anchor = 'top left';
...
hs.addEventListener(window, "load", function() {
document.getElementById("montage").onclick();
}
It might also be worth trying:

Code: Select all

hs.transitions = ["fade"];
User avatar
RoadRash
Posts: 8249
Joined: Tue Jul 15, 2008 6:43 pm
Location: Fredrikstad, Norway
Contact: Website

Re: Anchor Problem

Hi,

Adding position: relative; to the scrolling div will normally fix this problem.

Find this in you SpryTabbedPanels.css file:

Code: Select all

.TabbedPanelsContentVisible {
}
Change it to:

Code: Select all

.TabbedPanelsContentVisible {
	position: relative;
}
Hilde
Highslide Support Team

Overview of my Highslide sample pages: RoadRash.no
nelipot
Posts: 2
Joined: Tue Sep 24, 2013 4:31 pm

Re: Anchor Problem

Thank you RoadRash. That did the trick. Easy!

Return to “Highslide JS Usage”