How to place isotope items in a scrollable div and retain jquery hover state effect?

Dev Shed Forums Sponsor:

November 18th, 2012, 05:55 AM

rwone

Registered User

Join Date: Nov 2012

Posts: 1

Time spent in forums: 10 m 28 sec
Reputation Power: 0

jQuery - How to place isotope items in a scrollable div and retain jquery hover state effect?

hello,

i am trying to implement three features:

1. a scrollable div containing image thumbnails
2. that can be sorted by jquery isotope
3. that when hovered over display a div on top of other elements and beyond immediate containers.

at the moment i can get either one or the other happening ie either the scrollbars show but then the hover state div is behind other elements, or i can get the hover state div in front of other elements but then the scrollbar does not display.

(i have a jsfiddle but cannot post the link here because i am a new member, i hope it it not against the rules to post the link below in a different format so that i can show what is currently working - jsfiddle with /rwone/PUKjy/ appended).

thank you.

November 18th, 2012, 08:31 PM

Kravvitz

CSS & JS/DOM Adept

Dev Shed God 30th Plane (19500 - 19999 posts)

Join Date: Jul 2004

Location: USA

Posts: 19,830

Time spent in forums: 6 Months 1 Day 16 h 41 m 29 sec
Reputation Power: 4192

Welcome to DevShed Forums, rwone.

I see you got the below responses on Experts Exchange. Answer shopping doesn't change the facts of the problem, so don't get your hopes up too much about finding an answer you like more. Have you read the one reply you got on the jQuery.com Forums?

Quote:

Originally Posted by ChrisStanyon

Not entirely sure you're going to be able to make that work. It seems that isotope is adding position:absolute to the DIV that contains your IMG and hidden DIV, so as soon as you try and position the hidden DIV, it's always going to be relative to that.

I've never used isotope before but from a quick glance it looks like it's all about layout, so I doubt you can disable it's layout methods.

Maybe you need to re-think your approach and either bin isotope or find a different way of showing the hidden information.

Quote:

Originally Posted by COBOLdinosaur

"bin isotope"
That is the best solution. The way it is written it is just going to keep causing problems with the other components on the page. Changing things around probably just results in it screwing things up in a different way.

__________________
Spreading knowledge, one newbie at a time. I'm available for hire at Dynamic Site Solutions.

Check out my blog. | Learn CSS. | PHP includes | X/HTML Validator | CSS validator | Common CSS Mistakes | Common JS Mistakes

Remember people spend most of their time on other people's sites (so don't violate web design conventions).

Viewing: Dev Shed Forums > Web Design > JavaScript Development > jQuery - How to place isotope items in a scrollable div and retain jquery hover state effect?

« Previous Thread | Next Thread »

Developer Shed Advertisers and Affiliates

Thread Tools	Search this Thread
Email this Page	Search this Thread: Advanced Search
Display Modes	Rate This Thread
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode	Rate This Thread:

Posting Rules
You may not post new threads You may not post replies You may not post attachments You may not edit your posts vB code is On Smilies are On [IMG] code is On HTML code is Off

View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox

Forum Jump