Jquery: How to prevent further animating to the left when style: left == 0 or 0px?
<p>How would I prevent a div from scrolling further left when the style 'left' of that div reached '0' or '0px'?  Right now I am using the animate custom effect to scroll a div left and right to display hidden overflows but when the div reaches '0' or '0px' on style: left, I want the user to be prevented from scrolling further left where there is no content, just empty space.  I currently have the following code which doesn't seem to be working the way I want:</p>

<pre><code>$(document).ready(function(){
if ($("#ajax-matched-results").css('left') == '0' || '0px') {
 $("#scrollLeft-results").click(function() {
 $(".matched-results-items").animate({"left": "0px"}, "slow");
 });
 $("#scrollRight-results").click(function() {
 $(".matched-results-items").animate({"left": "-=547px"}, "slow");
 });
} else {
    $("#scrollLeft-results").click(function() {
 $(".matched-results-items").animate({"left": "+=547px"}, "slow");
    });
    $("#scrollRight-results").click(function() {
 $(".matched-results-items").animate({"left": "-=547px"}, "slow");
    });
    }
});
</code></pre>

<p>Thanks for any help!</p>
