Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/449.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用Javascript在窗口右下角显示文本_Javascript_Css - Fatal编程技术网

使用Javascript在窗口右下角显示文本

使用Javascript在窗口右下角显示文本,javascript,css,Javascript,Css,如何替换窗口右下角(而不是页面)的文本,并且该文本将跟随窗口的一角(换句话说,它将保持在窗口的一角)。这将是一个“共享”链接,我希望它总是被看到。如果我理解正确,你需要的不是javascript,而是基本的css 您想在窗口底部放置一个条,即使向下/向上滚动,它也会保持在那个里 CSS: HTML: 文本,您不想将其放在底部 显然,在p.bottom中添加背景色以及一些上边距或上填充是一个好主意,但这只是一般的想法 但是,在旧版IE上测试它,因为它可能不起作用。您可以使用CSS的属性posit

如何替换窗口右下角(而不是页面)的文本,并且该文本将跟随窗口的一角(换句话说,它将保持在窗口的一角)。这将是一个“共享”链接,我希望它总是被看到。

如果我理解正确,你需要的不是javascript,而是基本的css

您想在窗口底部放置一个条,即使向下/向上滚动,它也会保持在那个里

CSS:

HTML:

文本,您不想将其放在底部

显然,在p.bottom中添加背景色以及一些上边距或上填充是一个好主意,但这只是一般的想法


但是,在旧版IE上测试它,因为它可能不起作用。

您可以使用CSS的属性
position:fixed
,然后使用bottom和right值将其放在右下角。(在IE中不起作用-需要一些黑客)

是的,正如其他人提到的:

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

<div id="share">[sharing links]</div>
这就像huffingtonpost.com或basicallymoney.com

<p class="bottom">Text, that you wan't to put at the bottom.</p>
#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');
});