Question

我一直在研究boostrap scrollspy（词缀），它工作得很好。每当您点击部分时，我都会添加一个用于平滑移动的脚本。

但它似乎没有正常工作。

当您点击“section3”时，它不会移动第3部分。
当您双击时，它会出错。
修复导航未修复且未在响应中显示。

$(document).ready(function() {
  // Add scrollspy to <body>. changed to half-right-wrap
  $('div.half-right-wrap').scrollspy({
    target: ".navbar",
    offset: 50
  });

  // Add smooth scrolling on all links inside the navbar
  $("#myNavbar a").on('click', function(event) {
    // Make sure this.hash has a value before overriding default behavior
    if (this.hash !== "") {
      // Prevent default anchor click behavior
      event.preventDefault();

      // Store hash
      var hash = this.hash;

      // Using jQuery's animate() method to add smooth page scroll
      // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
      $('div.half-right-content').animate({
        scrollTop: $(hash).offset().top
      }, 600, function() {

        // Add hash (#) to URL when done scrolling (default click behavior)
        window.location.hash = hash;
      });
    } // End if
  });
});

**请查看PC尺寸以查看“affix nav”

我们怎样才能正常运作？我想我在js上添加了错误的选择器。这是“身体”并添加我自己的选择器。

Boostrap附加光滑滚动

0 个答案: