我正在建立一个单页面的网站,是通过锚标签分成几个部分。然而,当你点击导航链接时,它会平滑地滚动到该部分(只有资金领域和关于我们是完整的),然而,似乎有大约50%的时间当你点击链接时,它平滑滚动到的背景图像在jQuery向上或向下滚动之前闪烁。
对我来说,超文本标记语言似乎是在试图立即定位,因此出现了闪烁,但随后jQuery说,等一下,我需要慢慢滚动。
我不确定如何解决这个问题。
jQuery:
// SlowScroll Funding Areas
$(document).ready(function(){
// 'slowScrollTop' is the amount o
所以我使用下面的脚本来平滑地滚动命名锚点,但当目标位于页面中锚点的上方时,它不起作用(不会向上滚动)。
$(document).ready(function(){
$('a[href^="#"]:not(.top)').click(function(event){
event.preventDefault();
var full_url = this.href;
var parts = full_url.split("#");
var trgt = parts[1];