Javascript 滚动以使jquery不工作

我正在尝试让Scroll开始jquery工作。尝试了各种教程/方法，但似乎都不起作用。 我把它用于一个WP站点，我的想法是有一些js文件互相弄乱了。 正在使用以下.js：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/jquery-ui-1.8.18.custom.min.js"></script>
<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/my_script.js"></script>
<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/jquery.hoverscroll.js"></script> 
<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/jquery.scrollto-1.4.2-min.js"></script>

资料来源：

注意！我也用过Ariel Flesler的scrollto，但得到了同样的结果

有什么想法吗？

---

高级版谢谢。

通常我会使用以下内容：

var targetOffset = $('#ommig').offset().top; 
$('html,body').animate({scrollTop: targetOffset}, 5000});

此外，您可能需要返回false；单击事件，否则浏览器将自行导航到目标或执行类似操作

<a id="box1btn" href="javascript:;">Om Mig</a>
<div id="ommig">Title</a>

$(document).ready(function(){ 
$("#box1btn").click(function() {
    var targetOffset = $('#ommig').offset().top; 
    $('html,body').animate({scrollTop: targetOffset}, 5000});
});
});

标题
$（文档）.ready（函数（）{
$（“#box1btn”）。单击（函数（）{
var targetOffset=$（'#ommig'）.offset（）.top；
$（'html，body'）.animate（{scrollTop:targetOffset}，5000}）；
});
});

通常，我会使用以下内容：

var targetOffset = $('#ommig').offset().top; 
$('html,body').animate({scrollTop: targetOffset}, 5000});

此外，您可能需要返回false；单击事件，否则浏览器将自行导航到目标或执行类似操作

<a id="box1btn" href="javascript:;">Om Mig</a>
<div id="ommig">Title</a>

$(document).ready(function(){ 
$("#box1btn").click(function() {
    var targetOffset = $('#ommig').offset().top; 
    $('html,body').animate({scrollTop: targetOffset}, 5000});
});
});

标题
$（文档）.ready（函数（）{
$（“#box1btn”）。单击（函数（）{
var targetOffset=$（'#ommig'）.offset（）.top；
$（'html，body'）.animate（{scrollTop:targetOffset}，5000}）；
});
});

要抵消单击锚定标记的影响，您应该使用

event.preventDefault（）

请在此处查看它的实际操作：

---

编辑：将

document.documentElement

更改回

'html，body'

，以解决Chrome问题。

若要抵消单击锚定标记的影响，应使用

事件.preventDefault（）

请在此处查看它的实际操作：

---

编辑：将

document.documentElement

更改为

'html，body'

，以解决Chrome问题。

你能在JSFIDLE上举个例子吗？当然可以。这么好吗？我不太熟悉JSFIDLE，所以我可能需要包括一些库？你能在JSFIDLE上举个例子吗？当然可以。这么好吗？我不太熟悉JSFIDLE，所以我可能需要包括一些库？嗯，我按照你的建议做了，但仍然是默认的跳转。我试了两天，我打赌这是很明显的。你可能会想：嗯，我按照你的建议做了，但仍然是默认的跳跃。我尝试了2天，我打赌这是显而易见的。你可能想：Protip：使用

document.documentElement

而不是查询

html

标记：

$（document.documentElement）。动画（{…}）@MattiasBuelens为什么？我改变了，但如果你能简短地解释一下，或者给出一个链接，那就太酷了。无论如何，感谢您花时间改进答案/解决方案。@bboy指向文档的根元素，即html页面的
html
元素
$（'html'）
将需要执行
document.getElementsByTagName
操作，虽然成本不高，但很可能仍然比
$（document.documentElement）
慢。如果查看jQuery的源代码，那么从
doElement
构造jQuery对象将由
jQuery.fn.init
的第二个
If
块处理。无需进行计算或解析，它只需设置三个属性并返回。@MattiasBuelens谢谢！我带着一个小问题回来。滑块在Chrome中不工作：/any ideas？@bboy似乎在滚动文档。documentElement在Chrome中不工作提示：使用
document.documentElement
而不是查询
html
标记：
$（document.documentElement）。动画（{…}）@MattiasBuelens为什么？我改变了，但如果你能简短地解释一下，或者给出一个链接，那就太酷了。无论如何，感谢您花时间改进答案/解决方案。@bboy指向文档的根元素，即html页面的
html
元素
$（'html'）
将需要执行
document.getElementsByTagName
操作，虽然成本不高，但很可能仍然比
$（document.documentElement）
慢。如果查看jQuery的源代码，那么从
doElement
构造jQuery对象将由
jQuery.fn.init
的第二个
If
块处理。无需进行计算或解析，它只需设置三个属性并返回。@MattiasBuelens谢谢！我带着一个小问题回来。滑块在Chrome中不工作：/any ideas？@bboy似乎在滚动文档。documentElement在Chrome中不工作