2

我有一个简单的 HTML 页面，以及一些在鼠标悬停事件上使用 jQuery 的基本 $(#element).fadeOut 方法的 javascript。我也使用 $(#element).hide() 方法。

但是我的页面焦点转移了！含义：如果我向下滚动一点，并将鼠标悬停在元素（切换脚本）上，脚本执行得很好，但我的滚动条立即上升，我失去了滚动到的位置。

我怎样才能解决这个问题？

这是我的代码：

function swapElements(unfadeElement, how, callbackExecute)
{
    if (unfadeElement==swapper.active)
    return;

    if (how!="slow" && how!="fast")
    return;

    var fadeElement=swapper.active;

    $("#" + fadeElement).hide();
    $("#" + unfadeElement).fadeIn(how,callbackExecute);
    swapper.active=unfadeElement;
}

淡入功能：

function fadeInElement(element, how, callbackExecute)
{
    //pre: how is "slow" or "fast"
    if (how!="slow" && how!="fast")
    return;
    $("#"+element).fadeIn(how, callbackExecute);
}

示例脚本调用：

<a href="javascript: void(0)" onmouseover="fadeIn('carpets','slow',void(0))"> Carpets</a>

编辑：添加了一些 HTML 代码

  <div id="menuDiv">
....................
                        <div id="menu1" class="menuDivLink">
                        <a href="javascript: void(0)" onmouseover="swapper.fadeIn('carpets','slow',void(0))"> Carpets</a>
                        </div>
                        <div id="menu2" class="menuDivLink">
                        <a href="javascript: void(0)" onmouseover="swapper.fadeIn('rugs','slow',void(0))">Rugs</a>
                        </div>
                        <div id="menu3" class="menuDivLink">
                        <a href="#" onmouseover="swapper.fadeIn('windows','slow',void(0))">Link1</a>
                        </div>
............
</div>

另外，我的一些css会导致这个问题吗？提前致谢

4

2 回答 2

0

尝试使用 .animate() 而不是 fadeIn，例如

.animate({ 不透明度: 1 }, 300, callBackFunction);

于 2010-12-21T11:22:42.300 回答
0

我尝试了你所拥有的......（减去对fadeInElement而不是的更改fadeIn）它对我有用。在 IE7 和 FF3.5+ 中，它与之前滚动到的位置相同...我只是添加了br标签来模拟空间，并且页面在鼠标悬停时没有滚动。也许您可以发布更多 HTML 以查看是否有其他问题？

<a href="javascript: void(0)" onmouseover="fadeInElement('carpets','slow',void(0))"> Carpets</a>
于 2010-07-16T16:52:08.017 回答