使用Javascript在窗口右下角的文本

Question

如何替换窗口右下角（不是页面）的文本，文本将跟随窗口的一角（换句话说，它将保留在窗口的角落）。它将是一个“共享”链接，我希望它始终被看到。

Answer 1

您可以使用CSS的属性position: fixed，然后使用底部和右侧值将其置于右下角。 （不会在IE中运行 - 需要一些黑客攻击）

Answer 2

是的，正如其他人提到的那样：

#share {
  display: none;
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  z-index: 100;
}

<div id="share">[sharing links]</div>

你可以这样做：

$(document).ready(function() {
  $('#share').fadeIn('slow');
});

这就像huffingtonpost.com或basicmoney.com。

Answer 3

如果我理解正确，那不是你需要的javascript，只是基本的CSS。

你想在窗口底部放置一个栏，即使你向下/向上滚动也会留在那里？

CSS：

.bottom {
position: fixed;
bottom: 0;
} 

HTML：

<p class="bottom">Text, that you wan't to put at the bottom.</p>

显然，将backgroundcolor添加到p.bottom以及一些上边距或顶部填充是个好主意，但这只是一般的想法。

然而，在较旧的IE上测试它，因为它可能无效。