Javascript 为什么可以';我不能同时运行这两个Java脚本吗?(平滑滚动和固定页脚)
我正在尝试建立一个站点,该站点具有平滑滚动功能和固定页脚,页脚位于页面底部,并带有指向构成页面内容的各个页脚的链接 如果我只为页脚包含js,那么页脚可以工作(例如) 但是,当我包含平滑滚动的脚本时,它会终止页脚的功能(例如) 我对javascript的了解有限,在jquery中更是如此,但我可以处理它背后的逻辑 如有任何帮助,我们将不胜感激。首先考虑 通常情况下,当有两个脚本冲突时,这是因为它们共享变量名或其他内容,但在本例中,我看不到任何冲突的迹象。据我所知,在这种情况下,固定页脚不需要javascriptJavascript 为什么可以';我不能同时运行这两个Java脚本吗?(平滑滚动和固定页脚),javascript,jquery,css,Javascript,Jquery,Css,我正在尝试建立一个站点,该站点具有平滑滚动功能和固定页脚,页脚位于页面底部,并带有指向构成页面内容的各个页脚的链接 如果我只为页脚包含js,那么页脚可以工作(例如) 但是,当我包含平滑滚动的脚本时,它会终止页脚的功能(例如) 我对javascript的了解有限,在jquery中更是如此,但我可以处理它背后的逻辑 如有任何帮助,我们将不胜感激。首先考虑 通常情况下,当有两个脚本冲突时,这是因为它们共享变量名或其他内容,但在本例中,我看不到任何冲突的迹象。据我所知,在这种情况下,固定页脚不需要jav
你的剧本 浏览器中已默认使用javascript。。。我想你已经知道了 然后您应该将脚本加载到页脚中,这样当读者到达那里时,整个DOM已经被解析,因为您需要知道页脚的位置和内容,然后才能使用javascript对其进行“填充” 因此,作为一个开始,我会确保您在
jQuery是javascript
js
var yourVariable=document.getElementById(“yourID”)
jQuery
var yourVariable=$(“#yourID”)
jQuery只是一个预先编写的函数库,可以使编写javascript更加简洁,并处理许多跨浏览器问题,因此您不必这样做
我会怎么做
使用不同的脚本进行滚动。对于这样的东西,最小的总是最好的。确保变量在函数中且形式较长,否则它们将是全局变量
查看js,看看是否有命名类似的变量可能存在冲突
scrollToFixed中有很多用于滚动和固定定位的内容,可能会与其他用于固定定位的代码冲突,等等。。。(还有——我以前用过这个脚本,有点问题)——所以我想说完全跳过它
然后在中尽可能简单地分解它
请记住,到2014年4月为止,触摸设备还不能很好地处理固定位置的问题,所以这将是iPad等设备的一个问题。下面就是解决这个问题的方法。祝你好运 为什么要将scrollToFixed.js用于固定页脚?你知道用5行CSS就可以做到吗?还有,你说的平滑卷轴是什么意思?本地滚动条对您来说不够平滑吗?我现在看到了滚动问题。你的意思是让链接启动一个滚动动作。哦,上帝,关于页脚你说得对。我现在才写的。出于某种原因,我一直在寻找javascript。谢谢。除了JS注册之外,我同意你的所有建议。我总是在网页的头部注册
JQuery.js
,因为你在正文中注册的任何脚本都会失败。但那只是我。非常详细的回答BTW@Qpirate我通常将jQuery和其他依赖项预先添加到一个文件中,然后从正文的最后一行对该文件进行压缩和调用。我还没有遇到这个问题。我想我只是从来没有在身体里放过js。我将所有脚本分开。我只会将JQuery和验证放在页眉中,并在页脚中注册所有其他内容,但我的大多数网站都是单页应用程序,我不能相信团队中的其他人会将所有JS放在单独的文件中:(
<script src="jquery.js"></script>
<script src="your-footer.js"></script>
<script>
var your_function = function() {
// etc. your scroll stuff?
});
</script>
</body>
.your-footer {
position: fixed;
width: 100%; /* maybe not necessary - already a block element */
left: 0;
bottom: 0;
}