text 楽天スマートフォン商品ページ风ボタンフッター固定

Posted 2021-05-03

$(() => {
    var $win = $(window),
        orderAncBtn = $('.orderAncBtn'),
        ancTarget = $('[name="kind"]'),
        speed = 500,
        ancPosition = ancTarget.offset().top;

    //注文ボタンへのアンカー
    orderAncBtn.on('click', () => {
        $("html, body").animate({ scrollTop: ancPosition }, speed, "swing");
        return false;
    });
    functionBtnFixed();
    function functionBtnFixed() {
        $(window).scroll(() => {
            var scrollPosition = $(this).scrollTop(); //自身のスクロール位置を取得
            if (scrollPosition >= ancPosition) {
                orderAncBtn.hide();
            } else {
                orderAncBtn.show();
            }
        });
    }


});