Javascript 滚动按钮,用于逐渐向下滚动

Javascript 滚动按钮,用于逐渐向下滚动,javascript,jquery,css,Javascript,Jquery,Css,尝试创建一个向下滚动按钮,当滚动按钮处于单击向下位置或平板电脑处于触摸位置时,以可设置的速度向下滚动。在页面底部,向下滚动按钮应变为向上滚动按钮。不是因为懒惰,我已经搜索了这个,但是我可以找到各种各样的滚动方法,但是没有这个。谁能帮忙吗。一些代码,让事情开始(我希望) #滚动按钮向下{ 位置:固定; 宽度:80px; 高度:80px; 边界半径:40px; 底部:0; 背景色:rgba(0,0,0,0.7); 颜色:#ffffff; 文本对齐:居中; } #滚动按钮{ 位置:固定; 宽度:80

尝试创建一个向下滚动按钮,当滚动按钮处于单击向下位置或平板电脑处于触摸位置时,以可设置的速度向下滚动。在页面底部,向下滚动按钮应变为向上滚动按钮。不是因为懒惰,我已经搜索了这个,但是我可以找到各种各样的滚动方法,但是没有这个。谁能帮忙吗。一些代码,让事情开始(我希望)

#滚动按钮向下{
位置:固定;
宽度:80px;
高度:80px;
边界半径:40px;
底部:0;
背景色:rgba(0,0,0,0.7);
颜色:#ffffff;
文本对齐:居中;
}
#滚动按钮{
位置:固定;
宽度:80px;
高度:80px;
边界半径:40px;
底部:0;
背景色:rgba(0,0,0,0.7);
颜色:#ffffff;
文本对齐:居中;
}
什么是Lorem Ipsum?
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本,当时一位不知名的印刷商拿起一个打印工具,将其拼凑成一本打印样本书。它不仅存活了五个世纪,而且还跨越到电子排版,基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行,最近随着Aldus PageMaker等桌面出版软件的发布,包括Lorem Ipsum版本。

我们为什么要使用它?
读者在查看页面布局时会被页面的可读内容分散注意力,这是一个早已确定的事实。使用Lorem Ipsum的意义在于,它的字母分布或多或少是正态的,而不是使用“此处内容,此处内容”,使其看起来像可读的英语。许多桌面发布软件包和网页编辑器现在使用Lorem Ipsum作为默认模型文本,搜索“Lorem Ipsum”将发现许多尚处于起步阶段的网站。多年来,各种版本不断演变,有时出于偶然,有时出于故意(注入幽默等)。

它来自哪里?
与流行的观点相反,Lorem Ipsum不是简单的随机文本。它起源于公元前45年的一段古典拉丁文学,距今已有2000多年的历史。弗吉尼亚州汉普顿悉尼学院的拉丁语教授理查德·麦克林托克(Richard McClintock)从《洛伦·伊普斯姆》(Lorem Ipsum)一段中查找了一个更为晦涩的拉丁语单词,即“Concertetur”,并查阅了古典文学中对该词的引用,发现了该词无可置疑的来源。Lorem Ipsum来自西塞罗于公元前45年所著《德菲尼布斯·博诺勒姆和马洛勒姆》(善与恶的极端)的第1.10.32节和第1.10.33节。这本书是一本关于伦理学理论的论文,在文艺复兴时期非常流行。Lorem Ipsum的第一行“Lorem Ipsum dolor sit amet..”来自第1.10.32节中的一行。

以下是自1500年代以来使用的Lorem Ipsum的标准块,供感兴趣的人参考。西塞罗的“de Finibus Bonorum et Malorum”中的第1.10.32节和第1.10.33节也以其原始形式复制,并附有H.Rackham 1914年翻译的英文版本。

在哪里可以买到?
《洛雷姆·伊普苏姆》中有很多不同的段落,但大多数都经历了某种形式的变化,比如注入幽默,或者随机的词语,这些词语看起来甚至一点都不可信。如果你要使用LROM乱数假文,你需要确保在文本中间没有任何隐藏的尴尬。互联网上的所有Lorem Ipsum生成器都倾向于在必要时重复预定义的块,这使得它成为互联网上第一个真正的生成器。它使用了一本包含200多个拉丁单词的字典,并结合了一些典型的句子结构,生成了看起来合理的Lorem Ipsum。因此,生成的知识总是没有重复、注入的幽默或非特征词等。

什么是Lorem Ipsum?
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本,当时一位不知名的印刷商拿起一个打印工具,将其拼凑成一本打印样本书。它不仅存活了五个世纪,而且还跨越到电子排版,基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行,最近随着Aldus PageMaker等桌面出版软件的发布,包括Lorem Ipsum版本。

我们为什么要使用它?
读者在查看页面布局时会被页面的可读内容分散注意力,这是一个早已确定的事实。使用Lorem Ipsum的意义在于,它的字母分布或多或少是正态的,而不是使用“此处内容,此处内容”,使其看起来像可读的英语。许多桌面发布软件包和网页编辑器现在使用Lorem Ipsum作为默认模型文本,搜索“Lorem Ipsum”将发现许多尚处于起步阶段的网站。多年来,各种版本不断演变,有时出于偶然,有时出于故意(注入幽默等)。

它来自哪里?
与流行的观点相反,Lorem Ipsum不是简单的随机文本。它起源于公元前45年的一段古典拉丁文学,距今已有2000多年的历史。弗吉尼亚州汉普顿悉尼学院的拉丁语教授理查德·麦克林托克(Richard McClintock)从《洛伦·伊普斯姆》(Lorem Ipsum)一段中查找了一个更为晦涩的拉丁语单词,即“Concertetur”,并查阅了古典文学中对该词的引用,发现了该词无可置疑的来源。Lorem Ipsum来自西塞罗于公元前45年所著《德菲尼布斯·博诺勒姆和马洛勒姆》(善与恶的极端)的第1.10.32节和第1.10.33节。这本书是一本关于伦理学理论的论文,在文艺复兴时期非常流行。Lorem Ipsum的第一行“Lorem Ipsum dolor sit amet…”来自法国
var scrolling = false;
var atBottom = false;

window.onload = function(){
  var eButton = document.getElementById("scrollButtonTop");
  eButton.addEventListener("mousedown", bDown);
  eButton.addEventListener("mouseup", bUp);
  eButton.addEventListener("mouseout", bUp);
  eButton.addEventListener("touchstart", bDown);
  eButton.addEventListener("touchend", bUp);
}
window.onscroll = function(){
  var eButton = document.getElementById("scrollButtonTop");
  var scrollPos = window.pageYOffset ||
                  document.documentElement.scrollTop || 
                  document.body.scrollTop || 
                  0;
  if(scrollPos + window.innerHeight > document.body.clientHeight - 10){
    atBottom = true;
    eButton.innerHTML = "GO&thinsp;TO<br>TOP";
    eButton.className = "glyphicon glyphicon-chevron-up";
  } else {
    atBottom = false;
    eButton.innerHTML = "SCROLL<br>DOWN";
    eButton.className = "glyphicon glyphicon-chevron-down";
  }
}
function bDown(){
  if(atBottom) window.scrollTo(0,0);
  else scrolling = true;
}
function bUp(){
  scrolling = false;
}

setInterval(function(){
  if(scrolling) window.scrollBy(0,1);
},50);