How to avoid page scroll when using qtip?

jquery qtip
Sten Van den Bergh picture Sten Van den Bergh · Apr 28, 2011 · Viewed 7.7k times · Source

I'm a big fan of qTip, but I was wondering if there was a way to use the modal window without having your page scroll to the top.

Have looked around but haven't found anything yet. Is this possible?

Answer

Upvote picture Upvote · Apr 28, 2011

Yes it is possible! You need to set the adjust field

adjust : {
    screen : true
}

where you specify the position of the tooltip

position : {
    my : 'right center',
    at : 'left center',
    adjust : {
        screen : true
    }
}

I am not sure if that is a feature of qTip1 but I used in in qtip2. The tooltip is adjusted automatically to avoid overflow and scrolling

Related questions

fullcalendar with clickable popup on hover

I need a pop up on hover full calendar like this one. Have tried full calendar with qtip but could not get clickable popup its disappers when mouse is out from the spot. Here's a similar example but it need …

Read More
qTip (jQuery plug-in) how can I remove all qtips in my page?

I'm using the jquery-plugin qTip. What's the command to destroy all tooltips in my page ? I tried: $('.option img[title], span.taxonomy-image-link-alter img[title]').qtip("destroy"); But it didn't work... Thanks

Read More
jQuery fullCalendar and qTip

I'm looking at using fullCalendar and using qTip to display a description using eventMouseover. Has anyone managed to do this or know of a solution? I've google'd and also tried implementing this post but i've had no joy. The only …

Read More