Question

我目前正在使用ScrollTo（）jQuery插件，只要我没有定义Doctype就可以正常工作，但是当我定义Doctype时，ScrollTo（）插件会中断。

我已在GitHub

上发布了我的代码

我已经通过互联网查看了类似的问题，我认为有些人已经分享了我的问题，但在查看解决方案时，我们并不清楚。

我只需要让插件和doctype一起工作，两者都必须存在。请帮忙，感谢

Answer 1

标记中的一些更改：

将jquery.scrollto.min.js文件替换为this version

将<ul class="threeNavLinks">...</ul>替换为以下代码（两次出现）

<ul class="threeNavLinks">
    <li class="secondaryNavIcon"><a class="navlink" href="area2">About</a></li>
    <li class="primaryNavIcon"><a class="navlink" href="area3">Portfolio</a></li>
    <li class="secondaryNavIcon"><a class="navlink" href="area4">Contact</a></li>
</ul>

在<head>

中添加以下脚本

<script type="text/javascript">
    $(function(){
        $('.navlink').click(function(e) {
            var divId = '#' + $(this).attr("href");
            $.scrollTo(divId, 700);
            e.preventDefault();
        });
    });
</script>

上述解决方案在本地测试并且运行正常。

希望这对你有帮助！

Answer 2

我在验证网站上破坏了这个插件的doctype声明遇到了类似的问题。尝试使用不同版本的jQuery进行测试;我有一个1.8.0的问题，通过切换回1.7.0

解决了

scrollTo doctype

2 个答案: