CODEWITHSUNDEEP
javascriptjqueryscroll
Mateen Dar
Mateen Dar

Reputation: 55

issue with chrome when using jquery ui draggable for horizontal scrolling website

My site (http://www.enginelabs.ca) is built using a database and php to bring in projects dynamically. I used jquery draggable to scroll through the projects and a javascript function that wraps the projects into a table format so it's easier to display horizontally.

The issue I'm having is the projects sometimes jump down and get cut off. It happens on safari and chrome but not on firefox. And when I go to index.php page it seems to fix itself. I can give more details on how things are coded if need be.

Here is a JS Fiddle link showing the code in action.

Thanks dudes!

Upvotes: 3

Views: 753

Answers (1)

Vervious
Vervious

Reputation: 5569

For some reason (I stumbled on this by accident after 20 seconds)

 vertical-align: baseline

on your table cells seems to be causing the problem. Maybe it's because you're setting the height with jQuery or something, and there's some bug or quirk in Webkit or... anyways.

Explicitly setting vertical-align to something other than baseline may fix it, try it.

td {
    vertical-align: top;
}

Upvotes: 1

Related Questions