回到顶部（微信聊天怎么回到顶部）

大家好,今天就和大牛一起来看看这个问题吧 。微信聊天怎么回到顶部，回到顶部很多人还不知道，现在让我们一起来看看吧！

1、 打开Dreamweaver，创建一个新文档，并将标题更改为“回到顶部”；

2、 首先，您需要制作一个超过屏幕长度的网页，并在body和/body标记中插入以下代码：

3、 div style=' width:100%；高度：1500像素；'/div

4、 保存文件，在浏览器中打开，可以看到浏览器右侧的滚动条，如图：

5、 在body标记之后，立即添加一行代码：

6、 a name='top'/a

7、 这是一个标记位置的锚点链接；

8、 我们这里是回到顶部，所以锚链的位置紧接在body标签后面；

9、 如果要跳转到页面上的其他位置，把这个锚链接放到相应的位置；

10、 然后用下面的代码在/body标记前添加一个按钮：

11、 a href='#top'回到顶部/a

12、 这是跳转到锚链接的代码，href属性的值是带有锚链接的name属性top。

13、 保存文件，在浏览器中打开它，将页面滚动到底部，然后单击查看效果。

14、 美化一个：

15、 我们可以修改CSS使按钮“回到顶部”更漂亮，代码如下：

16、 a href=' # top ' style=' display:block；宽度：35px高度：42px边框：1px纯色# 000；位置：固定；右：20px底部：20px'Br/顶部/a

17、 效果如下：

18、 如果想要更好的效果，可以用图片代替文字链接。

19、 美化二：

20、 我们还可以给回到顶部按钮添加动画效果，让它看起来不那么突兀。

21、 在/body标记前添加代码：

22、 脚本类型=' text/JavaScript ' src=' jquery-1 . 11 . 0 . min . js '/script

23、 script type=' text/JavaScript ' src=' jquery . smooth-scroll . min . js '/script

24、 脚本类型='文本/javascript '

25、 $(function(){

26、 $('a ')。smooth scroll()；

27、 })

28、 /脚本

29、 这里使用了两个js文件，请从附件中下载。

30、 保存文件，在浏览器中打开，点击回到顶部按钮，你会发现滚动条慢慢滚动到顶部。

31、 完整的例子放在百度网盘里，如果需要请发邮件给xdhy_dn@foxmail.com。

32、 写主题“百度体验”。自动回复下载地址。

这篇文章到此就结束，希望能帮助到大家。