Question

我正在使用这个网站浏览plugin，除了我需要添加偏移量以清除我的网站的固定标题时，它向上滚动页面。目前，它将工具提示放在视口的最顶部，由于固定的标题，它部分地模糊了突出显示的元素。我尝试了一些方法，包括应用'easeInOutExpo'函数的偏移量，但我无法让它正常工作。代码：

/*
     if the element is not in the viewport
     we scroll to it before displaying the tooltip
     */
    var w_t = $(window).scrollTop();
    var w_b = $(window).scrollTop() + $(window).height();

    //get the boundaries of the element + tooltip
    var b_t = parseFloat(properties.top, 10);

    if (e_t < b_t)
        b_t = e_t;

    var b_b = parseFloat(properties.top, 10) + $tooltip.height();
    if ((e_t + e_h) > b_b)
        b_b = e_t + e_h;


    if ((b_t < w_t || b_t > w_b) || (b_b < w_t || b_b > w_b)) {
        $('html, body').stop()

            .animate({scrollTop: b_t}, 500, 'easeInOutExpo', function () {
                //need to reset the timeout because of the animation delay
                if (autoplay) {
                    clearTimeout(showtime);
                    showtime = setTimeout(nextStep, step_config.time);
                }
                //show the new tooltip
                $tooltip.css(properties).show();
            });
    }
    else
    //show the new tooltip
        $tooltip.css(properties).show();

Answer 1

修正了它。经过多次试验和错误，我发现我可以在b_t变量上添加和偏移。

var b_t = parseFloat(properties.top, 10) - '136';

jQuery scrollTop需要偏移来清除固定标头

1 个答案: