嘿伙计们,我是网页设计新手,也是家族企业的网站。
当代码中没有其他jquery函数时,这两个jquery函数都有效,但当两者都使用时,第一个(滚动到)无法工作。
滚动到位置功能:
<script type="text/javascript">
$("#button").click(function() {
$('html, body').animate({
scrollTop: $("#home").offset().top
}, 2000);
});
</script>
滚动到用户滚动功能的新页面:
<script type="text/javascript">
$(document).ready(function() {
$('#fullpage').fullpage({
sectionsColor: ['#7b797a', '#2039cf','#2039cf' ],
css3: true
});
});
</script>
任何建议都将不胜感激
答案 0 :(得分:2)
您应该在第二个块中调用$(document).ready();
调用内的第一个代码块。基本上,您在元素(按钮)上设置了一个事件监听器(在这种情况下,按钮单击),因为页面仍在加载,因此可能尚不存在。在$(document).ready();
内设置监听器会使其等到页面加载完毕。
您的代码应该如下所示:
<script type="text/javascript">
$(document).ready(function() {
$("#button").click(function() {
$('html, body').animate({
scrollTop: $("#home").offset().top
}, 2000);
});
$('#fullpage').fullpage({
sectionsColor: ['#7b797a', '#2039cf','#2039cf' ],
css3: true
});
});
</script>