Side navigation
#7174 closed enhancement (duplicate)
Opened October 13, 2010 11:27AM UTC
Closed February 09, 2011 07:55PM UTC
Last modified March 15, 2012 12:12PM UTC
Animate background-position works for left but not top
| Reported by: | jason_lau@live.com | Owned by: | |
|---|---|---|---|
| Priority: | low | Milestone: | 1.next |
| Component: | effects | Version: | 1.5 |
| Keywords: | Cc: | ||
| Blocked by: | Blocking: |
Description
$('#obj').animate({'background-position': '20% 80%'},1000);
Only the left position animates using this method. It jumps directly to the top position then animates to the left position.
Ideally, it would move to top then left or top and left simultaneously.
Attachments (0)
Change History (4)
Changed October 13, 2010 12:14PM UTC by comment:1
Changed October 13, 2010 07:06PM UTC by comment:2
| component: | unfiled → effects |
|---|---|
| milestone: | 1.4.3 |
| priority: | undecided → low |
| status: | new → open |
| type: | bug → enhancement |
jQuery currently only animates single-value properties. You may try the background-position animate plugin.
Changed February 09, 2011 07:55PM UTC by comment:3
| milestone: | → 1.next |
|---|---|
| resolution: | → duplicate |
| status: | open → closed |
| version: | 1.4.2 → 1.5 |
Example: http://jsfiddle.net/Jason/ZWUfJ/4/