<optgroup id="lhsrw"></optgroup>

<optgroup id="lhsrw"><em id="lhsrw"><pre id="lhsrw"></pre></em></optgroup><span id="lhsrw"></span>
<track id="lhsrw"><em id="lhsrw"></em></track>
  • <strong id="lhsrw"></strong>

  • <optgroup id="lhsrw"><small id="lhsrw"><pre id="lhsrw"></pre></small></optgroup>
    <optgroup id="lhsrw"></optgroup><span id="lhsrw"></span>
  • <optgroup id="lhsrw"></optgroup>
    <progress id="lhsrw"><blockquote id="lhsrw"><th id="lhsrw"></th></blockquote></progress>

    云南網站建設創新企業 昆明多彩網絡公司

    |網頁對話|電話:0871-63215311

    純css實現無動跳隨網頁滾動代碼(有demo)

    來源:昆明多彩網絡公司 日期:2011-03-29 閱讀: 發表評論

    網絡上看到的大部分都是有滾動效果,但是美中不足就是層在滾動的時候發生跳動,像是卡殼了一樣,這里介紹的是無跳動隨網頁滾動,兼容所有瀏覽器。

    demo:點擊預覽 

    前臺的html代碼非常的簡潔: 

    <div id="sro">昆明多彩科技是<a href="http://www.zsh328.com">云南網站建設</a>專業的公司。</div>

    css代碼: 

    #sro{width:90px;height:auto;position:fixed;z-index:2;border:1px solid #FB8511;background:#fff;_position:absolute;_top:expression(eval(document.documentElement.scrollTop));}

    * html{background-image:url(about:blank);background-attachment:fixed;}

    注意sro中的css樣式的下劃線_是為了兼容ie6瀏覽器(萬惡的IE6),下面的* html也是為了防止層在滾動的時候發生跳動的情況發生。

    該教程由多彩科技原創,轉載請注明出處。

    發表評論評論列表(有 條評論)

    網頁對話 0871-63215311
    97人妻免费趋级碰′碰碰_久久无码播放视频_中文字幕一区久久久久_国产乱子伦视频观看