博客园_ppchen（陈荣林）willing...http://feed.cnblogs.com/blog/u/27454/rss2011-11-28T06:14:04Zppchen（陈荣林）http://www.cnblogs.com/ppchen/CNBlogs BlogServerhttp://www.cnblogs.com/ppchen/archive/2010/12/06/test_scroll.htmlRE:JS判断页面是否出现滚动条原文地址：http://www.cnblogs.com/yazdao/archive/2010/12/06/1897742.html该博文是想用JS检测浏览器是否出滚动条。这边想到一个比较取巧的方法，假如没有出滚动条的时候，手工给增加一个滚动值会怎么样？程序上就是给body或documentElement的scrollLeft、scrollTop赋值，马上动手实现了一下，结果跟我意想的差不多，呵呵浏览器在没有出滚动条的时候，赋值后该值不会发生变化，始终是0。另外扩展了一下，该检测方法，不仅可以检测页面滚动条，传入要检测的节点，一样可以得到想要的结果。以下是我的实现，没有做太多异常处理：（给sc2010-12-06T12:58:00Z2010-12-06T12:58:00Zppchen（陈荣林）http://www.cnblogs.com/ppchen/<p>原文地址：<a title="http://www.cnblogs.com/yazdao/archive/2010/12/06/1897742.html" href="http://www.cnblogs.com/yazdao/archive/2010/12/06/1897742.html">http://www.cnblogs.com/yazdao/archive/2010/12/06/1897742.html</a></p>
<p>该博文是想用JS检测浏览器是否出滚动条。</p>
<p></p>
<p>这边想到一个比较取巧的方法，</p>
<p>假如没有出滚动条的时候，手工给增加一个滚动值会怎么样？</p>
<p>程序上就是给body或documentElement的scrollLeft、scrollTop赋值，</p>
<p>马上动手实现了一下，结果跟我意想的差不多，呵呵</p>
<p>浏览器在没有出滚动条的时候，赋值后该值不会发生变化，始终是0。</p>
<p></p>
<p></p>
<p>另外扩展了一下，该检测方法，不仅可以检测页面滚动条，</p>
<p>传入要检测的节点，一样可以得到想要的结果。</p>
<p></p>
<p>以下是我的实现，没有做太多异常处理：</p>
<p>（给scrollLeft，scrollTop赋负数值时会报错，此外scrollLeft，scrollTop的值不能大于实际最大的滚动值）</p>
<p></p>
<div style="background-color: #F5F5F5;border: 1px solid #CCCCCC;padding-left:5px;padding-right:5px;">
<div><!--<br/><br/>Code highlighting produced by Actipro CodeHighlighter (freeware)<br/>http://www.CodeHighlighter.com/<br/><br/>--><span style="color: #008080;"> 1</span> <span style="color: #000000;"> </span><span style="color: #0000ff;">var</span><span style="color: #000000;"> isScroll </span><span style="color: #000000;">=</span><span style="color: #000000;"> </span><span style="color: #0000ff;">function</span><span style="color: #000000;"> (el) {<br /></span><span style="color: #008080;"> 2</span> <span style="color: #000000;"> </span><span style="color: #008000;">//</span><span style="color: #008000;"> test targets</span><span style="color: #008000;"><br /></span><span style="color: #008080;"> 3</span> <span style="color: #008000;"></span><span style="color: #000000;"> </span><span style="color: #0000ff;">var</span><span style="color: #000000;"> elems </span><span style="color: #000000;">=</span><span style="color: #000000;"> el </span><span style="color: #000000;">?</span><span style="color: #000000;"> [el] : [document.documentElement, document.body];<br /></span><span style="color: #008080;"> 4</span> <span style="color: #000000;"> </span><span style="color: #0000ff;">var</span><span style="color: #000000;"> scrollX </span><span style="color: #000000;">=</span><span style="color: #000000;"> </span><span style="color: #0000ff;">false</span><span style="color: #000000;">, scrollY </span><span style="color: #000000;">=</span><span style="color: #000000;"> </span><span style="color: #0000ff;">false</span><span style="color: #000000;">;<br /></span><span style="color: #008080;"> 5</span> <span style="color: #000000;"> </span><span style="color: #0000ff;">for</span><span style="color: #000000;"> (</span><span style="color: #0000ff;">var</span><span style="color: #000000;"> i </span><span style="color: #000000;">=</span><span style="color: #000000;"> </span><span style="color: #000000;">0</span><span style="color: #000000;">; i </span><span style="color: #000000;"><</span><span style="color: #000000;"> elems.length; i</span><span style="color: #000000;">++</span><span style="color: #000000;">) {<br /></span><span style="color: #008080;"> 6</span> <span style="color: #000000;"> </span><span style="color: #0000ff;">var</span><span style="color: #000000;"> o </span><span style="color: #000000;">=</span><span style="color: #000000;"> elems[i];<br /></span><span style="color: #008080;"> 7</span> <span style="color: #000000;"> </span><span style="color: #008000;">//</span><span style="color: #008000;"> test horizontal</span><span style="color: #008000;"><br /></span><span style="color: #008080;"> 8</span> <span style="color: #008000;"></span><span style="color: #000000;"> </span><span style="color: #0000ff;">var</span><span style="color: #000000;"> sl </span><span style="color: #000000;">=</span><span style="color: #000000;"> o.scrollLeft;<br /></span><span style="color: #008080;"> 9</span> <span style="color: #000000;"> o.scrollLeft </span><span style="color: #000000;">+=</span><span style="color: #000000;"> (sl </span><span style="color: #000000;">></span><span style="color: #000000;"> </span><span style="color: #000000;">0</span><span style="color: #000000;">) </span><span style="color: #000000;">?</span><span style="color: #000000;"> </span><span style="color: #000000;">-</span><span style="color: #000000;">1</span><span style="color: #000000;"> : </span><span style="color: #000000;">1</span><span style="color: #000000;">;<br /></span><span style="color: #008080;">10</span> <span style="color: #000000;"> o.scrollLeft </span><span style="color: #000000;">!==</span><span style="color: #000000;"> sl </span><span style="color: #000000;">&&</span><span style="color: #000000;"> (scrollX </span><span style="color: #000000;">=</span><span style="color: #000000;"> scrollX </span><span style="color: #000000;">||</span><span style="color: #000000;"> </span><span style="color: #0000ff;">true</span><span style="color: #000000;">);<br /></span><span style="color: #008080;">11</span> <span style="color: #000000;"> o.scrollLeft </span><span style="color: #000000;">=</span><span style="color: #000000;"> sl;<br /></span><span style="color: #008080;">12</span> <span style="color: #000000;"> </span><span style="color: #008000;">//</span><span style="color: #008000;"> test vertical</span><span style="color: #008000;"><br /></span><span style="color: #008080;">13</span> <span style="color: #008000;"></span><span style="color: #000000;"> </span><span style="color: #0000ff;">var</span><span style="color: #000000;"> st </span><span style="color: #000000;">=</span><span style="color: #000000;"> o.scrollTop;<br /></span><span style="color: #008080;">14</span> <span style="color: #000000;"> o.scrollTop </span><span style="color: #000000;">+=</span><span style="color: #000000;"> (st </span><span style="color: #000000;">></span><span style="color: #000000;"> </span><span style="color: #000000;">0</span><span style="color: #000000;">) </span><span style="color: #000000;">?</span><span style="color: #000000;"> </span><span style="color: #000000;">-</span><span style="color: #000000;">1</span><span style="color: #000000;"> : </span><span style="color: #000000;">1</span><span style="color: #000000;">;<br /></span><span style="color: #008080;">15</span> <span style="color: #000000;"> o.scrollTop </span><span style="color: #000000;">!==</span><span style="color: #000000;"> st </span><span style="color: #000000;">&&</span><span style="color: #000000;"> (scrollY </span><span style="color: #000000;">=</span><span style="color: #000000;"> scrollY </span><span style="color: #000000;">||</span><span style="color: #000000;"> </span><span style="color: #0000ff;">true</span><span style="color: #000000;">);<br /></span><span style="color: #008080;">16</span> <span style="color: #000000;"> o.scrollTop </span><span style="color: #000000;">=</span><span style="color: #000000;"> st;<br /></span><span style="color: #008080;">17</span> <span style="color: #000000;"> }<br /></span><span style="color: #008080;">18</span> <span style="color: #000000;"> </span><span style="color: #008000;">//</span><span style="color: #008000;"> ret</span><span style="color: #008000;"><br /></span><span style="color: #008080;">19</span> <span style="color: #008000;"></span><span style="color: #000000;"> </span><span style="color: #0000ff;">return</span><span style="color: #000000;"> {<br /></span><span style="color: #008080;">20</span> <span style="color: #000000;"> scrollX: scrollX,<br /></span><span style="color: #008080;">21</span> <span style="color: #000000;"> scrollY: scrollY<br /></span><span style="color: #008080;">22</span> <span style="color: #000000;"> };<br /></span><span style="color: #008080;">23</span> <span style="color: #000000;"> };</span></div></div>
<p></p>
<p></p><img src="http://www.cnblogs.com/ppchen/aggbug/1898113.html?type=1" width="1" height="1" alt=""/><p><a href="http://www.cnblogs.com/ppchen/archive/2010/12/06/test_scroll.html" target="_blank">本文链接</a></p>http://www.cnblogs.com/ppchen/archive/2009/04/07/sl_switch_demo.html简单实现Silverlight项目和UserControl的多级切换Silverligth文件比较大时，考虑到下载速度和时间的问题，可能需要对程序进行分割，分割成各个子项目组件，并在运行时动态下载需要的组件，下载后在主载体页面中进行组件切换，这样就能节约第一次下载的文件大小，并延长了下载时间，可以大大的提高用户体验......2009-04-07T02:54:00Z2009-04-07T02:54:00Zppchen（陈荣林）http://www.cnblogs.com/ppchen/http://www.cnblogs.com/ppchen/archive/2009/03/17/1414054.html笔记杂乱的笔记...2009-03-17T02:44:00Z2009-03-17T02:44:00Zppchen（陈荣林）http://www.cnblogs.com/ppchen/http://www.cnblogs.com/ppchen/archive/2009/03/04/1402978.htmlVS文件名的限制记录一下今天遇到的一个问题，当我将一个css文件重命名为con.css的时候报了以下错误......2009-03-04T05:51:00Z2009-03-04T05:51:00Zppchen（陈荣林）http://www.cnblogs.com/ppchen/http://www.cnblogs.com/ppchen/archive/2009/02/19/1382530.htmlIIS启用GZip压缩后带来的问题及解决办法 页面文件比较大时，开启GZip压缩可以减少传输的流量，测试了一下效果非常明显，看了园子里面有些人使用了IIS的GZip压缩功能，项目中也应用了该功能，使用的过程中遇到一个比较棘手的问题，找了挺久的一直搞不定....2009-02-19T06:20:00Z2009-02-19T06:20:00Zppchen（陈荣林）http://www.cnblogs.com/ppchen/http://www.cnblogs.com/ppchen/archive/2008/03/21/1103710.htmlExcel2007操作类库 发布一个最近完成的Excel2007操作类库，可以在没有安装Office的机器上快速读写和操作Excel2007格式文件，不过还是需要.net framework2.0 :)。生成效率比较高，写入10000行50列的数据只需12秒，如果数据是纯数字还会更快，我的机器Pentium M 1.8G CPU 1.25G Memory....2008-03-21T15:10:00Z2008-03-21T15:10:00Zppchen（陈荣林）http://www.cnblogs.com/ppchen/http://www.cnblogs.com/ppchen/archive/2008/03/18/1111281.html判断Assembly编译模式的小工具 Assembly发布时可以使用Debug或Release方式，关于Debug和Release的比较园子里已经有很多了，毫无疑问，Debug版本包含Debug信息，只是在开发的时候带来调试的方便，编译器并不对其中的代码进行优化处理，而Release版本无论是在效率或是稳定性上都要高于Debug版本。所以在部署时最好是要确认一下是否使用了Release版本...2008-03-18T13:12:00Z2008-03-18T13:12:00Zppchen（陈荣林）http://www.cnblogs.com/ppchen/http://www.cnblogs.com/ppchen/archive/2008/03/18/1109607.htmlURL太长导致参数被截断的问题 做Web开发时经常涉及到页面之间的转跳，页面之间的转跳就会涉及到页面之间参数的传递，通过URL传递参数是常用的方法之一，但是微软说："Maximum URL length is 2,083 characters in Internet Explorer"，也就是说URL是有长度限制的...2008-03-18T06:05:00Z2008-03-18T06:05:00Zppchen（陈荣林）http://www.cnblogs.com/ppchen/http://www.cnblogs.com/ppchen/archive/2007/06/28/798782.html今天天蓝好久没看到这样的天气了，记录一下...2007-06-28T04:49:00Z2007-06-28T04:49:00Zppchen（陈荣林）http://www.cnblogs.com/ppchen/