两个不同的jquery滚动相关效果（以及其他javascript）干扰

Question

我在我的一个网站（KiirstinMarilyn.com）上使用了两种不同的滚动相关效果（以及其他javascript），它们似乎互相干扰。它们如下：

1. 将屏幕上的徽标和导航居中，同时确保所有内容都在首屏内。
2. 第一个jQuery效果使点击导航链接平滑滚动到锚文本。
3. 第二个jquery效果，以及我今天添加的内容，使用William Duffy's method在滚动时保持音乐播放器元素在视图中。
4. 最后一个元素是使用nivoZoom拍照。

当浏览器窗口的宽度超过876px宽（这是主要内容574px +音乐播放器302px的宽度）时，网站很好。当浏览器的宽度为876px或更低时，会出现此问题。出于某种原因，当浏览器数量少于那个数量时，William Duffy滚动方法也会影响内容并向下滚动到视图之外。

我一直试图找到两种替代方法来创造我想要的效果，同时也在寻找信息，因为这些效果的某些组成部分可能会产生干扰。不幸的是我没有找到任何东西。也就是说，如果浏览器的宽度小于876px，我想做的最后一招是禁用滚动效果。它不太理想，所以我希望你们都可以告诉我我的错误在哪里，并指出我要学习修复它们的方向。

谢谢， 乍得

Answer 1

您只需要编辑#scrollingDiv的CSS。如果您将其更改为：

#scrollingDiv {
    position:absolute;
    right:20px;
    z-index:1;
    height: 10.4em;
    width: 30em;
    background: black;
    border: solid 1px #99083c;
}

我还建议您将Williams示例中的动画marginTop更改为top。但是CCS修复应该对它进行排序。