|
[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/ |
|||
|
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 |
|||
|
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)? |
|||
|
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 |
|||
|
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/ 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. |
|||
|
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
Craig Thompson Web Developer / Designer Craigsworks http://www.craigsworks.com |
|||
|
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 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? |
|||
|
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
Craig Thompson Web Developer / Designer Craigsworks http://www.craigsworks.com |
|||
|
« Next Oldest | Next Newest »
|
User(s) browsing this thread: 1 Guest(s)

Search
Member List
Calendar
Help




