Post Reply 
 
Thread Rating:
  • 0 Votes - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
[Solved] Problem with Fixed Position div and scrolling
19th October, 20:13
Post: #1
[Solved] Problem with Fixed Position div and scrolling
I have a page with a fixed position div. Within the div I have a qtip. I click to open the tip. I then move the cursor outside of the div and use my scroll wheel and the qtip moves around in an unexpected fashion.

This video first shows proper behavior outside the fixed div. Then it shows the problem mentioned above. Lastly it show the the tip doesn't move at all if you scroll (with the wheel) while the cursor is inside the fixed div:

http://screencast.com/t/f9MfT1pU

jsFiddle here (just make sure you make the result pane wide enough):
http://jsfiddle.net/anqe8/
Find all posts by this user
Quote this message in a reply
20th October, 18:44
Post: #2
RE: Problem with Fixed Position div and scrolling
Try making the tooltip fixed also: http://jsfiddle.net/anqe8/1/

Craig Thompson
Web Developer / Designer
Craigsworks
http://www.craigsworks.com
Visit this user's website Find all posts by this user
Quote this message in a reply
20th October, 20:07
Post: #3
RE: Problem with Fixed Position div and scrolling
(20th October 18:44)Craig Wrote:  Try making the tooltip fixed also: http://jsfiddle.net/anqe8/1/

Great - that fixed the scrolling when the cursor is outside the fixed div. However, there is still the problem of the tip not moving when the cursor is inside the div:

See: http://screencast.com/t/JV8mjIoLD3

Is there any way to have the tip disappear when scrolling happens (in addition to the "unfocus" event)?
Find all posts by this user
Quote this message in a reply
20th October, 20:21
Post: #4
RE: [Solved] Problem with Fixed Position div and scrolling
Only way to do it is so contain it within the overflow div: http://jsfiddle.net/anqe8/2/

Or if you want to just hide it onscroll of the div: http://jsfiddle.net/anqe8/3/

Craig Thompson
Web Developer / Designer
Craigsworks
http://www.craigsworks.com
Visit this user's website Find all posts by this user
Quote this message in a reply
21st October, 19:19
Post: #5
RE: [Solved] Problem with Fixed Position div and scrolling
(20th October 20:21)Craig Wrote:  Only way to do it is so contain it within the overflow div: http://jsfiddle.net/anqe8/2/

Or if you want to just hide it onscroll of the div: http://jsfiddle.net/anqe8/3/

Containing it within the overflow div (first option above) works nicely in jsFiddle. Does this only work with qtip version 2? It doesn't work in my environment (which is version 1). In version 1 with the position.container set the qtip doesn't come up at all.
Find all posts by this user
Quote this message in a reply
22nd October, 03:06
Post: #6
RE: [Solved] Problem with Fixed Position div and scrolling
I'd recommend updating to qtip2 either way, as 1.0 is discontinued and will no longer be actively developed or patched! But no, it probably won't work in 1.0 because the code base is horrendous Tongue

Craig Thompson
Web Developer / Designer
Craigsworks
http://www.craigsworks.com
Visit this user's website Find all posts by this user
Quote this message in a reply
26th October, 11:35
Post: #7
RE: [Solved] Problem with Fixed Position div and scrolling
(22nd October 03:06)Craig Wrote:  I'd recommend updating to qtip2 either way, as 1.0 is discontinued and will no longer be actively developed or patched! But no, it probably won't work in 1.0 because the code base is horrendous Tongue

Thanks for all the help. Your download page shows that there is no "stable" download for v2. Do you consider your last "nightly" build stable enough? If not, what do you recommend for production use?
Find all posts by this user
Quote this message in a reply
26th October, 19:35
Post: #8
RE: [Solved] Problem with Fixed Position div and scrolling
Yup the nightly is pretty stable, has been for months, just need to find time to release the 2.0 Smile

Craig Thompson
Web Developer / Designer
Craigsworks
http://www.craigsworks.com
Visit this user's website Find all posts by this user
Quote this message in a reply
Post Reply 


Possibly Related Threads...
Thread: Author Replies: Views: Last Post
  [Solved] Ajax imagemap data problem carelmeyer 0 941 1st May 17:39
Last Post: carelmeyer
  [Solved] qTip Ajax data for text in a div akhil_csit 1 316 14th March 19:27
Last Post: Craig
  can't hide qtip in a “position: absolute;” div shdog 1 281 14th March 17:35
Last Post: Craig
  [Solved] Problem with my map area installation timtimd 1 244 14th March 17:34
Last Post: Craig
  Hiding tooltip problem sohailanwarpk 2 403 31st January 12:13
Last Post: sohailanwarpk
  show qtip in a specified div or position myapweb 1 587 27th December 17:53
Last Post: Craig
  [Solved] QTip content from existing div element on page? dcash 4 2,525 8th December 18:29
Last Post: Craig
  [Solved] Anti Virus flags up a problem OllyPercival 9 2,490 21st November 21:45
Last Post: Col
  Fixed Tooltips TheKramers 0 487 16th September 05:07
Last Post: TheKramers
  [Solved] Part of autosuggest div that overflows qtip is hidden jstewmc 3 1,653 25th August 18:27
Last Post: Craig



User(s) browsing this thread: 1 Guest(s)