-1

向下滚动时，我正在使用以下 javascript 拉入“返回顶部”按钮。

这在 Firefox 上很有效 - 但在 Chrome/Safari 上无效。

jQuery(document).ready(function(){
    jQuery("#totop").hide();
    jQuery(window).scroll(function(){
        if (jQuery(this).scrollTop() > 100) {
            jQuery('#totop').fadeIn();
        } else {
            jQuery('#totop').fadeOut();
        }
    });
            
    jQuery('#totop').click(function(){
        jQuery("html, body").animate({ scrollTop: 0 }, 660, 'easeInOutExpo');
        return false;
    });
});

演示网站http://demov3.joostrap.com

我尝试过使用 noConflict。

4

1 回答 1

1

正如我在评论中提到的，Google Chrome 和其他一些 WebKit 浏览器存在一个关于固定位置和 z-index 的已知问题。

检查您的页面来源，我建议进行以下更改：

<-- Set the body element z-index value to 0 (inline or 
    on the CSS stylesheet) -->
<body class="com_content view-featured layout- task- frontpage itemid-101 no-rtl" style="z-index: 0;">

    <div class="body-wrapper">
        ...
    </div>

    <-- Stick the link as the last element within the body element, and change
        its z-index value to 9999 (on the CSS stylesheet) -->
    <a href="#" id="totop"></a>
</body>
于 2013-10-16T14:06:11.297 回答