phoenixgold
New Member
Im trying to make my jQuery only trigger when it is seen on the screen. It triggers some bars to bounce but the user needs to scroll through content before it is visible. Other then delaying its timing (which could be hit and miss for some users) how can i make this code trigger when it becomes visible on screen? \[code\]<script>$(function() {$(".meter .bar").hide().show('bounce', { times:4, direction: 'right' }, 1780); });</script>\[/code\]is this correct?Im trying to make my jQuery only trigger when it is seen on the screen. It triggers some bars to bounce but the user needs to scroll through content before it is visible. Other then delaying its timing (which could be hit and miss for some users) how can i make this code trigger when it becomes visible on screen? \[code\]<script>$(function() {$(".meter .bar").hide().show('bounce', { times:4, direction: 'right' }, 1780); });</script>\[/code\]is this correct?\[code\]<script>$('.meter .bar:visible').livequery(function () {$(".meter .bar").hide().show('bounce', { times:4, direction: 'right' }, 1780);});</script>\[/code\]