<!DOCTYPE html><html><head><meta charset="gb2312"/><title>网页定位导航效果</title><style> * { margin: 0; padding: 0; font-family:"微软雅黑" } body { font-size: 12 ...
分类：
其他好文 时间：
2017-03-01 16:54:11
阅读次数：
181
最近在用node.js做一款聊天室的时候，网上查资料发现一行js代码，不是很清楚是干嘛的，就来搞一搞。 container.scrollTop = container.scrollHeight; ？？？ 前面的代码的作用是将聊天室发送的信息显示到消息框里边，猜想container.scrollTop ...
分类：
其他好文 时间：
2017-03-01 00:25:28
阅读次数：
199
$("input").focus(function () { var num = $(this).offset().top; $("html,body").animate({scrollTop: num}, 800);}); //关键代码 ...
分类：
移动开发 时间：
2017-02-28 17:42:50
阅读次数：
350
$('#fixedHead').width()//div的宽度 $('#fixedHead')[0].scrollWidth//滚动条的宽度 两者的差为滚动条的宽度 var b1=$("#div1").height();//div的高度 var b2=$(this)[0].scrollTop;//滚... ...
分类：
Web程序 时间：
2017-02-18 13:26:10
阅读次数：
190
自己仿bootStarp插件写的，思路局限，仅供交流，有好的建议还请不吝赐教//使用方法： //html：需要ul>li>a的模式，a需要类名，需要设置page-scroll属性，page-scroll属性需要1以数字结尾，容器为所变化的最大页面 //js：请传入一个事件对象，对象需要传入属性：pa... ...
分类：
其他好文 时间：
2017-02-15 00:00:56
阅读次数：
364
注释1：上图整个大背景是这个网页的全部尺寸，中间的小框才是浏览器中的可见尺寸。这幅图就是针对为文档（document）的各个height、width、top、left所做的说明。 注释2：第二幅图主要是针对网页中一个div的各个属性值所做的说明。“DIV element client area”是这 ...
分类：
其他好文 时间：
2017-02-11 13:33:30
阅读次数：
136
在微信浏览器中浏览页面时，在当前页面中当我们将页面往下滚动到某一个位置时，可能我们就会点击某个链接而页面跳转到了另外一个页面，而当我们又返回到上一个页面时我们会发现那个页面还停留在我们之前浏览的位置，很方便我们接着往下浏览页面上其他的信息，这种效果大大提升了用户的体验度，提升了网站的逼格。今天，我就 ...
分类：
Web程序 时间：
2017-02-08 12:54:30
阅读次数：
293
1 window.onscroll=function () { 2 var sTop=document.body.scrollTop; 3 var WH=document.body.clientHeight; 4 var con=document.getElementById('con'); 5 v... ...
分类：
其他好文 时间：
2017-02-07 23:48:28
阅读次数：
353
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <!-- 时间：2016-12-28 描述：1、制作由下向上的滚动字幕，字幕内容要求包含网站超级链接和图片超级链接， 使用鼠标移动事件控制字幕运动和 ...
分类：
移动开发 时间：
2017-02-06 19:45:17
阅读次数：
270
“回到頂部”功能可以使用a標籤的錨點實現，也可以使用js的onclick事件實現。 關鍵步驟：1.html+css佈局 2.滾動條到滾動到一定高度時候，顯示按鈕“回到頂部”（若還沒有到一定高度，則隱藏） 3.點擊按鈕實現回到頂部：scrollTop = 0; 具體如下： html:實現頁面效果 cs ...
分类：
Web程序 时间：
2017-01-24 17:41:31
阅读次数：
172
