Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.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
Javascript 动态页面定位滑块故障_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 动态页面定位滑块故障

Javascript 动态页面定位滑块故障,javascript,jquery,html,css,Javascript,Jquery,Html,Css,因此,我的页面锚使用jquery脚本将页面滑动到各个锚,但问题是当您返回顶部转到另一个锚时,页面会出现故障,我似乎无法修复它 我觉得问题与html试图在jquery有时间采取行动之前直接进入页面锚有关,或者这是一个非常明显的错误,我可能应该停止编码 问题的链接:(代码太多,无法在此处发布。) 我更希望任何潜在的解决方案都能自己实现到代码中 干杯 编辑:这个网站最好在谷歌浏览器中浏览,因为这是我开发它的主要目的。$(“.abo”)。点击(函数(){ $(".abo").click(function

因此,我的页面锚使用jquery脚本将页面滑动到各个锚,但问题是当您返回顶部转到另一个锚时,页面会出现故障,我似乎无法修复它

我觉得问题与html试图在jquery有时间采取行动之前直接进入页面锚有关,或者这是一个非常明显的错误,我可能应该停止编码

问题的链接:(代码太多,无法在此处发布。)

我更希望任何潜在的解决方案都能自己实现到代码中

干杯

编辑:这个网站最好在谷歌浏览器中浏览,因为这是我开发它的主要目的。

$(“.abo”)。点击(函数(){
$(".abo").click(function() {
   event.preventDefault(); <---- this will help you
   scrollToAnchor('abo');
});
event.preventDefault();这里是一个关于您的解决方案的简短介绍,它是正确的。 在加载jquery的任何库之前,都必须首先加载jquery。link标记的异步特性可能会对您有所帮助

这段代码也适用于我的所有网站

$('a[href*=#]:not([href=#])').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') 
        || location.hostname == this.hostname) {

        var target = $(this.hash);
        target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
           if (target.length) {
             $('html,body').animate({
                 scrollTop: target.offset().top
            }, 1000);
            return false;
        }
    }
});

在查看您的代码时,我发现html5标记非常少,请使用它们,它们现在对每个浏览器都很友好。

谢谢您,这立即解决了我的问题,我也知道它不好,但它只是在开发中,我很容易跟踪(甚至不问为什么)。:我将查看html5标记。