Jquery JavaScript函数工作正常,但存在错误
它给出了以下错误:Jquery JavaScript函数工作正常,但存在错误,jquery,Jquery,它给出了以下错误: function scrollBottom() { var myDiv = $("#configComponent"); myDiv.animate({ scrollTop: $(".drpMenuDiv").position().top }, 1000); } 我怀疑您(从Firefox)得到的错误是: 或者,如果没有menuDiv,则将动画设置到某个默认位置: function scrollBottom() { var
function scrollBottom() {
var myDiv = $("#configComponent");
myDiv.animate({
scrollTop: $(".drpMenuDiv").position().top
}, 1000);
}
我怀疑您(从Firefox)得到的错误是: 或者,如果没有
menuDiv
,则将动画设置到某个默认位置:
function scrollBottom() {
var myDiv = $("#configComponent");
var menuDivPos = $(".drpMenuDiv").position();
if (menuDivPos) {
myDiv.animate({
scrollTop: menuDivPos.top
}, 1000);
}
}
如果没有匹配项,则该示例将动画设置为
0
。代码本身看起来很好,不过您需要在正文
或html
上设置滚动顶部
的动画。您可以设置一个演示问题的示例。或者发布您的HTML,我们可以看到您的HTML中包含该div吗?@SubodhGhulaxe:如果他/她没有,它将在前一行失败。@user3690332:这会告诉您第一次选择器没有匹配项,第二次选择器有匹配项(在这两者之间,您已经为该类添加了至少一个元素,或者将该类添加到了至少一个现有元素中)。那么解决方案是什么呢?@user3690332:检查是否存在匹配。我添加了几个示例。
$(...).position(...) is null
function scrollBottom() {
var myDiv = $("#configComponent");
var menuDivPos = $(".drpMenuDiv").position();
if (menuDivPos) {
myDiv.animate({
scrollTop: menuDivPos.top
}, 1000);
}
}
function scrollBottom() {
var myDiv = $("#configComponent");
var menuDivPos = $(".drpMenuDiv").position();
myDiv.animate({
scrollTop: menuDivPos ? menuDivPos.top : 0
}, 1000);
}