Jquery 如何使页面在扩展器盒关闭后跳转到节的开头?
我引用的页面如下: JQuery页面位于此处: 单击“阅读更多”后,我希望页面在单击“少读”后跳转到章节开头的标题()或div层的开头()。当前,“少读”按钮的代码如下所示:Jquery 如何使页面在扩展器盒关闭后跳转到节的开头?,jquery,html,expander,Jquery,Html,Expander,我引用的页面如下: JQuery页面位于此处: 单击“阅读更多”后,我希望页面在单击“少读”后跳转到章节开头的标题()或div层的开头()。当前,“少读”按钮的代码如下所示: if ( o.userCollapse && !$this.find(o.lessSelector).length ) { $this .find(detailSelector) .append('<br><br><
if ( o.userCollapse && !$this.find(o.lessSelector).length ) {
$this
.find(detailSelector)
.append('<br><br><span class="' + o.lessClass + '">' + o.userCollapsePrefix + '<a href="#">' + o.userCollapseText + '</a></span><br><br>');
}
if(o.userCollapse&!$this.find(o.lessSelector.length){
美元这个
.find(详细信息选择器)
.append(“
”+o.userCollapsePrefix+”
”);
}
我的标题前面都有直接指定的名称(001、002等),我的猜测是简单地将#001、002等添加到JQ代码中的链接中。问题是这个脚本定义了页面上的每个“无读”按钮,所以每个按钮的变量都需要不同。我是走对了路,还是有更有效的方法
先谢谢你。我显然是JS和JQuery方面的新手 为什么不直接使用
而不是
。那么,“少读”将在没有任何JS的情况下工作,而不是
为什么不直接使用
。那么“少读”将在没有任何JS的情况下工作
$('.expander .read-more').click(function(e){
$('html,body').animate({ scrollTop: $(e.target).closest('.expander').offset().top}, "slow");
})
好了:)
好了:)顺便说一句,这个不需要“名字”,希望你喜欢,谢谢!“多读”需要改为“少读”,否则这就是我一直在寻找的解决方案。然而,一个小问题是,在点击“少读”之后,动画发生了,页面在一两秒钟内不会让你再次滚动。发生这种事的原因是什么?没关系,我知道了。将('html,body')替换为('html:not(:animated),body:not(:animated)')。非常感谢你!顺便说一句,你不需要“一个名字”,希望你喜欢动画谢谢!“多读”需要改为“少读”,否则这就是我一直在寻找的解决方案。然而,一个小问题是,在点击“少读”之后,动画发生了,页面在一两秒钟内不会让你再次滚动。发生这种事的原因是什么?没关系,我知道了。将('html,body')替换为('html:not(:animated),body:not(:animated)')。非常感谢你!