Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在jQueryUI手风琴脚本中添加ScrollTo_Jquery_Accordion_Scrollto_Jquery Ui Accordion_Scrolltop - Fatal编程技术网

在jQueryUI手风琴脚本中添加ScrollTo

在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

我到处找,没有找到一篇对我的具体情况有帮助的帖子。我不熟悉jQuery,喜欢它的广泛用途。我有一个问题,我的手风琴脚本,我需要添加滚动,以便当一个部分,如果选中它滚动窗口向上,如果它是上面的看法。我希望这是有道理的。谢谢你的帮助

<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。。。谢谢你的提示。它解决了我的需要,只需稍加调整。由此产生的功能正是我想要的。最后的代码在上面的原始帖子中。谢谢你的帮助。谢谢你的建议。我通过另一个帖子得到了我需要的确切结果。干杯,谢谢你的建议。我通过另一个帖子得到了我需要的确切结果。干杯