Question

Sup yall，

感谢@hanoo对这个问题的回答 http://StackOverflow.com/questions/4198041/jQuery-Smooth-Scroll-to-an-Anchor

我的Smooth Scrolling工作正常，但我的工具提示停止了工作。这让我想到，当我有一个模态，mmm时，我的工具提示也停止了工作......

我的jQuery / Javascript有点狡猾。此外，我确信有更好的方法来编码所有这些（我想它会起作用）。任何帮助将不胜感激：）

<script>
    $(document).ready(function () {
        $("#NoneSelected").tooltip({
            placement: 'bottom'
        });
        $("#JumpUp").tooltip({
            placement: 'top'
        });
        $("#JumpDown").tooltip({
            placement: 'bottom'
        });
    });

    $(".scroll").click(function (event) {
        event.preventDefault();
        //calculate destination place
        var dest = 0;
        if ($(this.hash).offset().top > $(document).height() - $(window).height()) {
            dest = $(document).height() - $(window).height();
        } else {
            dest = $(this.hash).offset().top;
        }
        //go to destination
        $('html,body').animate({ scrollTop: dest }, 100, 'swing');
    });
</script>

编辑：这是HTML

<section id="uptop"></section>

  <div class="jump-downunder">
       <a href="#downunder" class="btn btn-default btn-sm" id="JumpDown" data-placement="bottom" rel="popover" data-toggle="tooltip" data-original-title="down under">Down</a>
  </div>

<p>body content</p>

  <div class="jump-uptop">
       <a href="#uptop" class="btn btn-default btn-sm" id="JumpUp" data-placement="top" rel="popover" data-toggle="tooltip" data-original-title="up top">Up</a>
  </div>

<section id="downunder"></section>

DIVs class =“jump-uptop”和class =“jump-uptop”纯粹只是为了造型。

Bootstrap jQuery工具提示和SmoothScroll问题

0 个答案: