Side navigation
#10431 closed bug (invalid)
Opened October 05, 2011 07:49PM UTC
Closed October 05, 2011 09:06PM UTC
animation position of an element issue with webkit
Reported by: | anonymous | Owned by: | anonymous |
---|---|---|---|
Priority: | low | Milestone: | None |
Component: | effects | Version: | 1.6.4 |
Keywords: | Cc: | ||
Blocked by: | Blocking: |
Description
I have slide box div with thumbs in it and that div is in a container div, four of images are visible at once. Container div has overflow on 800px. if I move slide box div in any direction and get it back, seems some thumbs missing. ie, ff, opera works fine but safari and chrome not.
I see there is a problem with .animate() function in web-kit browsers, but I have not found anyone to get answer :(
Attachments (0)
Change History (5)
Changed October 05, 2011 07:52PM UTC by comment:1
owner: | → anonymous |
---|---|
status: | new → pending |
Changed October 05, 2011 08:12PM UTC by comment:2
status: | pending → new |
---|
here code
function getAlbums(){
$.get('includes/albums.php', {}, function(albums){
$('#slide-box').html(albums);
var totalThumbs = $('#albums-thumbs-slide-box > img.thumbs').length;
var leftPos = totalThumbs * 200;
var slide = (totalThumbs <= 4) ? (totalThumbs * 200) : 800;
$('#albums-thumbs-slide-box').css({left : -(leftPos - slide) + 'px'});
if(totalThumbs <= 4){
$('#albums-thumbs-next-slide').hide();
$('#albums-thumbs-prev-slide').hide();
$('#albums-thumbs-timeline-indicator').hide();
$('#albums-thumbs-timeline-line').hide();
}
$('#albums-thumbs-box').css({display : 'block'}).animate({opacity : 1.0}, 350, 'swing');
albumsThumbsSlidesNav();
return false;
});
}
Changed October 05, 2011 08:58PM UTC by comment:3
status: | new → pending |
---|
Pasting the code into Trac does not serve as an adequate testcase with which we can test this issue. Please provide one on jsFiddle.net or jsbin.com.
Changed October 05, 2011 09:02PM UTC by comment:4
status: | pending → new |
---|
I'm sorry, there was not problem with web-kit but, I have not put thumbs to float left :D.
Changed October 05, 2011 09:06PM UTC by comment:5
component: | unfiled → effects |
---|---|
priority: | undecided → low |
resolution: | → invalid |
status: | new → closed |
It seems this has been resolved.
Thanks for taking the time to contribute to the jQuery project! Please provide a reduced jsFiddle test case to help us assess your ticket! Additionally, be sure to test against the jQuery Edge version to ensure the issue still exists. To get you started, we've created this boilerplate: http://jsfiddle.net/rwaldron/da3nM/ Open the link and click to "Fork" in the top menu.