Question

我正在使用bootstrap在我的网站中创建一个可折叠元素。我目前有一个切换可折叠元素的按钮，但折叠元素在页面上较低，因此如果您只是单击按钮，您可能不会注意到任何内容已更改，具体取决于浏览器窗口的大小。这会导致糟糕的用户体验，因此我想让窗口向下滚动以使新显示的元素居中。我的脚本看起来像这样：

$("#about-collapse").on("show.bs.collapse", function () {

  var selected = $(this);
  var collapseh = $(".collapse .in").height();

  $.scrollTo(selected, 500, {
    offset: -(collapseh)
  });
});

每次单击以显示元素时，我的浏览器都会返回错误：

Uncaught TypeError: Object function ( selector, context ) {
    // The jQuery object is actually just the init constructor 'enhanced'
    return new jQuery.fn.init( selector, context, rootjQuery );
} has no method 'scrollTo'

这里发生了什么？

Answer 1

如果你真的想使用toScroll（平滑滚动）

我建议使用：http://demos.flesler.com/jquery/scrollTo/它非常容易使用，比bootstrap更多

Answer 2

您与JQuery以及正在页面上加载的另一个脚本存在冲突。你需要做两件事之一：

逐个删除其他脚本，直至找到有问题的
将jQuery从使用美元符号更改为非冲突变量：

http://api.jquery.com/jquery.noconflict/

<script>
    //Tell it something else is using the dollar sign
    $.noConflict();

    //Now instead of using the dollar sign, you use "jQuery"
    jQuery( document ).ready(function( $ ) {
        // Code that uses jQuery's $ can follow here.
    });

Scrollto返回错误

2 个答案: