在响应布局中排除jQuery脚本

我有一个用于“返回顶部”按钮的jQuery脚本，如下所示：

<script type="text/javascript">
$(document).ready(function(){

// hide #back-top first
$("#TopButton").hide();

// fade in #back-top
$(function () {
    $(window).scroll(function () {
        if ($(this).scrollTop() > 100) {
            $('#TopButton').fadeIn();
        } else {
            $('#TopButton').fadeOut();
        }
    });

    // scroll body to 0px on click
    $('#TopButton, #logo').click(function () {
        $('body,html').animate({
            scrollTop: 0
        }, 800);
        return false;
    });
});

});
</script>

但它仍然出现。有没有这样的方法可以避免HTML的混乱呢

---

提前感谢。

您当前的方法遇到问题，因为您的javascript代码

.fadeIn（）

将覆盖您的

显示：无

您需要设置一个不受jquery代码影响的CSS值。我想你的顶部按钮已经完全就位了？如果是，请尝试设置属性，如

left: -9999px;

这将使它远离页面，当jQuery尝试淡入时，它根本不会受到影响

希望这能帮助您解决问题，因为您的javascript代码
.fadeIn（）
将覆盖您的
显示：无

您需要设置一个不受jquery代码影响的CSS值。我想你的顶部按钮已经完全就位了？如果是，请尝试设置属性，如

left: -9999px;

这将使它远离页面，当jQuery尝试淡入时，它根本不会受到影响

如果你不想改变你的HTML或CSS，希望这能帮助你解决问题

if ($('#TopButton').css('display')!='none')
{
    // hide #back-top first
    $("#TopButton").hide();

    // fade in #back-top
    $(function () {
        $(window).scroll(function () {
            if ($(this).scrollTop() > 100) {
                $('#TopButton').fadeIn();
            } else {
                $('#TopButton').fadeOut();
            }
        });

        // scroll body to 0px on click
        $('#TopButton, #logo').click(function () {
            $('body,html').animate({
                scrollTop: 0
            }, 800);
            return false;
        });

    });   

如果你不想改变你的HTML或CSS，你的代码可以是这样的

if ($('#TopButton').css('display')!='none')
{
    // hide #back-top first
    $("#TopButton").hide();

    // fade in #back-top
    $(function () {
        $(window).scroll(function () {
            if ($(this).scrollTop() > 100) {
                $('#TopButton').fadeIn();
            } else {
                $('#TopButton').fadeOut();
            }
        });

        // scroll body to 0px on click
        $('#TopButton, #logo').click(function () {
            $('body,html').animate({
                scrollTop: 0
            }, 800);
            return false;
        });

    });   

绝对地不过我得等4分钟！绝对地不过我得等4分钟！