在jQueryUI手风琴脚本中添加ScrollTo
我到处找,没有找到一篇对我的具体情况有帮助的帖子。我不熟悉jQuery,喜欢它的广泛用途。我有一个问题,我的手风琴脚本,我需要添加滚动,以便当一个部分,如果选中它滚动窗口向上,如果它是上面的看法。我希望这是有道理的。谢谢你的帮助在jQueryUI手风琴脚本中添加ScrollTo,jquery,accordion,scrollto,jquery-ui-accordion,scrolltop,Jquery,Accordion,Scrollto,Jquery Ui Accordion,Scrolltop,我到处找,没有找到一篇对我的具体情况有帮助的帖子。我不熟悉jQuery,喜欢它的广泛用途。我有一个问题,我的手风琴脚本,我需要添加滚动,以便当一个部分,如果选中它滚动窗口向上,如果它是上面的看法。我希望这是有道理的。谢谢你的帮助 <script type="text/javascript"> /* <![CDATA[ */ jQuery().ready(function(){ jQuery('#leftnav-naviga
<script type="text/javascript">
/* <![CDATA[ */
jQuery().ready(function(){
jQuery('#leftnav-navigation').accordion({
active: false,
header: '.head',
navigation: true,
collapsible: true,
animated: 'easeslide',
autoheight: false,
alwaysOpen: false,
});
var accordions = jQuery('#leftnav-navigation');
jQuery('#switch select').change(function() {
accordions.accordion("activate", this.selectedIndex-1);
});
jQuery('#close').click(function() {
accordions.accordion("activate", -1);
});
jQuery('#switch2').change(function() {
accordions.accordion("activate", this.value);
});
jQuery('#enable').click(function() {
accordions.accordion("enable");
});
jQuery('#disable').click(function() {
accordions.accordion("disable");
});
jQuery('#remove').click(function() {
accordions.accordion("destroy");
wizardButtons.unbind("click");
});
return false;
});
/* ]]> */
</script>
/* */
感谢克考夫曼的帮助。这是最后的工作代码。我希望这能帮助有需要的人
<script type="text/javascript">
/* <![CDATA[ */
jQuery().ready(function(){
jQuery('#leftnav-navigation').accordion({
active: false,
header: '.head',
navigation: true,
collapsible: true,
animated: 'easeslide',
autoheight: false,
alwaysOpen: false,
});
var accordions = jQuery('#leftnav-navigation');
jQuery('#switch select').change(function() {
accordions.accordion("activate", this.selectedIndex-1);
});
jQuery('#close').click(function() {
accordions.accordion("activate", -1);
});
jQuery('#switch2').change(function() {
accordions.accordion("activate", this.value);
});
jQuery('#enable').click(function() {
accordions.accordion("enable");
});
jQuery('#disable').click(function() {
accordions.accordion("disable");
});
jQuery('#remove').click(function() {
accordions.accordion("destroy");
wizardButtons.unbind("click");
});
jQuery('#leftnav-navigation').click(
function() {
var window_top = $(window).scrollTop();
var div_top = $(this).offset().top;
if (window_top > div_top){
$('html, body').animate({scrollTop:div_top}, 300);
}
});
return false;
});
/* ]]> */
</script>
/*分区(顶部){
$('html,body').animate({scrollTop:div_top},300);
}
});
返回false;
});
/* ]]> */
我认为类似的方法可能会奏效。我会解释,也许通过一些调整,你可以实现它
jQuery('#divID').click(
function() {
var window_top = $(window).scrollTop();
var div_top = $(this).offset().top;
if (window_top > div_top){
$('html, body').animate({scrollTop:div_top}, 300);
}
});
单击将绑定将检测“div_top”和“window_top”的事件。。。如果div位于窗口顶部上方,它将滚动至div\u顶部的位置。值得一试,希望能有所帮助。我认为这方面的东西可能会奏效。我会解释,也许通过一些调整,你可以实现它
jQuery('#divID').click(
function() {
var window_top = $(window).scrollTop();
var div_top = $(this).offset().top;
if (window_top > div_top){
$('html, body').animate({scrollTop:div_top}, 300);
}
});
单击将绑定将检测“div_top”和“window_top”的事件。。。如果div位于窗口顶部上方,它将滚动至div\u顶部的位置。值得一试,希望能有所帮助。事实上,我已经做过了
您需要将jQuery的scrollTo.js添加到项目中,然后用提供的JSFIDLE中的文件替换
ui.accordio.js
文件:事实上,我已经完成了这项工作
您需要将jQuery的scrollTo.js添加到项目中,然后将
ui.accordio.js
文件替换为提供的JSFIDLE中的文件:@ckaufman。。。谢谢你的提示。我会给它打一针,然后跟进。谢谢。让我知道进展如何,我成功地使用了一个类似的脚本,并认为可能有一些东西可以借鉴。@ckaufman。。。谢谢你的提示。它解决了我的需要,只需稍加调整。由此产生的功能正是我想要的。最后的代码在上面的原始帖子中。谢谢你的帮助。@ckaufman。。。谢谢你的提示。我会给它打一针,然后跟进。谢谢。让我知道进展如何,我成功地使用了一个类似的脚本,并认为可能有一些东西可以借鉴。@ckaufman。。。谢谢你的提示。它解决了我的需要,只需稍加调整。由此产生的功能正是我想要的。最后的代码在上面的原始帖子中。谢谢你的帮助。谢谢你的建议。我通过另一个帖子得到了我需要的确切结果。干杯,谢谢你的建议。我通过另一个帖子得到了我需要的确切结果。干杯