Javascript 如何使用jquery scroll进行响应?

Javascript 如何使用jquery scroll进行响应?,javascript,jquery,reactjs,browserify,scrollto,Javascript,Jquery,Reactjs,Browserify,Scrollto,我使用browserify构建react组件。我需要使用NPMjQueryScrollto插件,但它不起作用 我不明白怎么用?也许吧 var $ = require('jquery'); var ScrollTo = require('jquery-scrollto'); ScrollTo('#myelem'); 或者其他什么…即使使用browserify,jquery.scrollTo仍然是一个jquery插件,应该称为$(…).scrollTo(…) 您仍然

我使用browserify构建react组件。我需要使用NPMjQueryScrollto插件,但它不起作用

我不明白怎么用?也许吧

var $            = require('jquery');
var ScrollTo     = require('jquery-scrollto');

ScrollTo('#myelem');

或者其他什么…

即使使用browserify,jquery.scrollTo仍然是一个jquery插件,应该称为$(…).scrollTo(…)

您仍然需要它,以便它将自己添加到jQuery.fn中,如下所示:

var $            = require('jquery');
require('jquery-scrollto');

$(window).scrollTo('#myelem', 1000);

请访问以获取文档。

滚动到
需要两件事:滚动的东西(例如
窗口或
div
)和目标(
\myelem
)。您想要滚动的对象应该是jQuery对象,这就是@Ariel Flesler建议将其包装为这样的原因:
$(thingToScroll)

在此之前,如果使用Browserify,则需要正确导入jQuery和插件。我在谷歌上搜索了一下如何做到这一点,结果变得更加困惑——这看起来并不简单。这是一篇关于这一点的文章:

但我建议不要尝试,因为将该插件与React一起使用可能会带来更多的麻烦。如果您只想滚动
窗口
,可能没那么糟糕,但如果您想滚动页面的元素,则必须使用
ref
s在React的虚拟DOM和页面上的真实DOM之间来回切换。 如果您决定使用React,那么最好只使用JavaScript和标准DOM API而不是jQuery。jQuery的一个优点是它可以解决浏览器DOM实现中的不一致性和错误。React也会在幕后为您做一些这方面的工作

因此,简短的版本是最容易选择是使用React还是使用jQUery。如果没有jQuery,MDN浏览器API文档可能会有帮助:


您好,您是否知道如何使用jquery Scroll进行响应?我面临着同样的问题,错误显示为scrollTo不是一个函数