Question

我找到了一些运行工具栏的代码，需要一些帮助才能将其转换为jquery，以便我可以使用现有的代码。

scroll_final=document.body.scrollTop;
scroll_final=document.documentElement.scrollTop;


var toolbarid=document.getElementById('toolbar');
toolbarid.style.visibility='hidden';


toolbarid.style.opacity='1.00';
toolbarid.style.filter='alpha(opacity=100)';
toolbarid.style.visibility='visible';

一如既往......谢谢你的帮助，托德

Answer 1

如果你看一下doco for the jQuery .scrollTop() method，在底部有一些评论，如果你想要获得整个文档的顶部，它在不同的浏览器中的工作方式不同。因此，根据您的浏览器尝试：

scroll_final = $("body").scrollTop();
scroll_final = $(document).scrollTop();
scroll_final = $(window).scrollTop();
scroll_final = $("html").scrollTop();

对于您的其他代码，如下所示：

var $toolbar = $('#toolbar');
$toolbar.css("visibility", "hidden");

$toolbar.css({
    opacity : '1.00',
    filter : 'alpha(opacity=100)',
    visibility : 'visible'
});

我假设您将其设置为隐藏的部分以及设置其他属性并使其可见的部分位于不同的事件处理程序或其他内容中，因为如果它们都在同一个代码块中，则它们将在浏览器重绘。

您可以使用

而不是设置“visibility”属性

$toolbar.hide();
// OR
$toolbar.fadeOut();

// and then
$toolbar.show();
// OR
$toolbar.fadeIn();

但请注意，.hide()相当于.css('display', 'none')。

将代码从JS转换为Jquery

1 个答案: