Jquery прокрутить до элемента, только если он еще не виден

Question

Jquery прокрутить до элемента, только если он еще не виден

0

У меня есть div, который выглядит так:

<div id="ProductPriceWrap" class="ProductPriceWrap">
                <div class="DetailRow RetailPrice" style="">
                    <span class="Label">MSRP:</span>
                    <strike>$249.00</strike>
                    <span class="YouSave" style=""> (You save <span class="YouSaveAmount">$174.00</span>)</span>
                </div>

                <div class="DetailRow PriceRow" style="">
                    <div class="Value">
                        <em id="ProductPrice" class="ProductPrice VariationProductPrice" style="color: black; ">$75.00</em>

                    </div>
                </div>


            </div>

И я сделал этот сценарий, чтобы помочь клиентам увидеть, когда выбранный вариант изменил цену:

$(document).ajaxSuccess(function(){

var currentPrice = $.trim($("#ProductPrice").text());

if(currentPrice == "%%GLOBAL_ProductPrice%%") 
{
        $("#ProductPrice").css('color','black');

        $("#ProductPrice").removeClass("PriceChanged")
}
else
{
    $("#ProductPrice").css('color','red');

    $('html, body').animate({
        scrollTop: $("#ProductPriceWrap").offset().top
    }, 1000);

    $("#ProductPriceWrap").animate({backgroundColor: "#ff0000" });

    $("#ProductPriceWrap").animate({backgroundColor: "#ffffff" });

    $( "#ProductPrice" ).addClass( "PriceChanged" );
    }

});
</script>

Я хочу изменить функцию, которая прокручивается до #ProductPriceWrap, так что она будет прокручиваться только до этого элемента, если они прокрутили ее. Значение не прокручивается до этого элемента, если он уже виден. Я новичок в JS и JQ, и даже не знаю, с чего начать. Любой вход очень приветствуется! Благодарю!

user2687646 26 сен. 2013, в 01:47

Источник

Теги:

javascript

jquery

1 ответ

Ещё вопросы

Featalion · Answer 1 · 2013-09-25T21-57-00.000Z

Кажется, вы ищете селектор :visible и function .animate().

В конце вы получите что-то вроде:

if ($("#ProductPriceWrap:not(:visible)")) {
  $("html, body").animate({
    scrollTop: $("#ProductPriceWrap").offset().top
  }, 1000);
}