页面打开后自动滚动，定位到指定的位置
因为论坛的帖子列表页上面有一大块的区域是其他内容，而老大要求我们的用户在点击“精华、商品、投票”等特殊主题按钮 ，或者分类名的时候（这些都位于页面的中央位置），能够使用户不用去滚动鼠标，就能让页面自动滚动到中央位置，方便浏览。有两种解决方案，一种是老大说的“锚点”，一种是页面onload事件。
1.锚点功能
在需要定位的地方加一个标记作为锚点，并指定一个独特的名字，如
然后在链接的url后面补一个#pagefocus，比如“精华”链接地址为精华，改为精华，其他链接也如法炮制，这样就能在点任何链接的时候自动定位到锚点所在位置
2.页面onload事件。
在标签后增加一个事件
scrollTo(x,y)表示将页面自动滚动到指定的x与y位置。而onload表示在页面加载的时候执行这个函数
本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 WEIXING.ME！
评论
相关推荐
2010-10-21
CSS vertical-align 属性
CSS vertical-align 属性定义和用法vertical-align 属性设置元素的垂直对齐方式。 说明该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中，这个属性会设置单元格框中的单元格内容的对齐方式。 | 默认值： || baseline | | 继承性： || no | | 版本： || CSS1 | | JavaScript 语法： || object.style.verticalAlign=”bottom” | 实例垂直对齐一幅图像： img { vertical-align:text-top; } 浏览器支持所有浏览器都支持 vertical-align 属性。 注释：任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 “inherit”。 可能的值| 值 || 描述 | | baseline || 默认。元素放置在父元素的基线上。 | | sub || 垂直对齐文本的下标。 | | super || 垂直对齐文本的上标 | | top ||...
2010-12-26
Masonry jQuery 布局插件 详解
Masonry 是用于网页布局的一个插件，可以将不同高度的div去除空白，是页面更整洁！ 如下图： 看到上面的官网截图了吗，masonry可以将div的空白去掉，美化布局！ 使用方法很简单，只要调用一下所要布局的标签就OK了。 如下代码： test1 test2 test3 test4 $(‘#test’).masonry({ singleMode: true, itemSelector: ‘.box’ }) 明白了，就这么简单，还有更多的效果、参数，请参见官网！ 使用详细解释：http://desandro.com/demo/masonry/docs/ 演示地址：http://desandro.com/demo/masonry/docs/ 下载地址：http://desandro.com/resources/jquery-masonry/ CSS Floats1Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris. 2Nullam malesuada...
2011-02-25
asp常用代码规范
本人习惯写C#代码，不常用asp，前天公司要做一个asp做的接口，写asp代码 很是别扭，写着写着就跑到C#上了，总结一些常用代码，供以后参考使用。 1、for循环 ` for id=1 to pagesize if id=1 then a=1 elseif id=2 then a=2 else a=3 end if next ` 2、添加函数并使用select case ` function replaceNum(j) jj=”” select case j case 1 : jj=”一” case 2 : jj=”二” case else : jj=”三” end select replaceNum=jj end function ` 3、添加 ` set cn=server.CreateObject(“ADODB.Connection”) cn.Open mycnstr set rs2&#...
2011-08-23
css文件内使用js
这个是我的一个同事使用的方法，之前自己没有用过，看了他写的代码，我震惊了一下，原来css内部竟然也可以使用javascript代码，真实长见识了，学习了…… 下面是其中的一段代码，考了过来，留着以后自己查看使用。 ` #carousel_photo_container #pre { width: expression(document.getElementById("carousel_photo").width/2 600 ? "600px" : this.width); } ` 这单代码主要作用是根据图片的宽度来实现显示时候图片的宽度！
2018-05-24
windows服务器安装XAMPP并绑定域名详解
今天心血来潮，想在服务器上配置XAMPP，这样不论我在家还是办公室还是任何地方，都可以通过远程访问服务器随时修改代码。 1、安装XAMPP 这个很简单，下载完后直接安装就可以，不再赘述，不会的可参考我之前的一篇文章，PHP+MYSQL,XAMPP本地安装配置dedecms网站 2、新建网站 找到\xampp\htdocs路径，在该路径下新建文件夹，比如\xampp\htdocs\t\，那么t文件夹内就是你的网站的路径 3、绑定域名 首先打开WINDOWS\system32\drivers\etc目录下的 hosts 文件，在文件最下面加入你的域名，比如说我的是v.weixing.me 然后打开xampp\apache\conf\extra\httpd-vhosts.conf文件，将网站路径与域名绑定，代码： DocumentRoot “C:/xampp/htdocs/v” ServerName v.weixing.me 4、最后一步重启Apache，大功告成。 如果我们需要通过XAMPP建立多个网站，并绑定多个域名，方法很简单，直接在这两个文件内...
2010-09-19
windows7 连接 SQL2005 出错，解决方法!
[SqlException (0x80131904): 在与 SQL Server 建立连接时出现与网络相关的或特定于实例的错误。**未找到或无法访问服务器。请验证实例名称是否正确并且 SQL Server 已配置为允许远程连接。 **(provider: SQL 网络接口, error: 26 – 定位指定的服务器/实例时出错)]** ** 上面是我的出错提示，上网找资料，解决方法！！彻底解决SQL SERVER 2005无法远程连接的问题 一、为 SQL 启用远程连接 1. 单击“开始”，依次指向“程序”、“Microsoft SQL Server 2005”和“配置工具”，然后单击“SQL Server 外围应用配置器”。 2. 在“SQL Server 2005 外围应用配置器”页上，单击“服务和连接的外围应用配置器”。 3. 在“服务和连接的外围应用配置器”页上，展开“数据库引擎”，依次单击“远程连接”和“本地连接和远程连接”，单击适用于您的环境的相应协议，然后单击“应用”。 注意：请在接收到以下消息时单击“确定”： 直到重新启动数据库引擎服务后，对连接设...