Opened 11 years ago
Closed 11 years ago
#10431 closed bug (invalid)
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 :(
Change History (5)
comment:1 Changed 11 years ago by
Owner: | set to anonymous |
---|---|
Status: | new → pending |
comment:2 Changed 11 years ago by
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;
});
}
comment:3 Changed 11 years ago by
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.
comment:4 Changed 11 years ago by
Status: | pending → new |
---|
I'm sorry, there was not problem with web-kit but, I have not put thumbs to float left :D.
comment:5 Changed 11 years ago by
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.