欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

请教各位一个div浮动的样式问题_html/css_WEB-ITnose

程序员文章站 2022-05-27 13:14:23
...
大家好,我想实现这么一个效果,就是滚动条往下拉的时候当拉到一个div,而且此div下面已经没有内容了,那么如果我继续往下拉这个div会随着滚动条往下同步移动,有没有人告诉我怎么实现啊,有些实现方式div跳动的不好看,我在网上看到一个网站http://www.kl688.com/这里的右边最下面那个广告就是这个效果,求指导,谢谢啊


回复讨论(解决方案)

页面滚动超过固有位置时加一个fixed的样式就可以了

滚动超过时固定位置
some text before
这是一些文字,滚动超过时将固定
some text after
some end text

页面滚动超过固有位置时加一个fixed的样式就可以了
HTML code


我各种游览器都测试过的
你不会没有下jquery吧

页面滚动超过固有位置时加一个fixed的样式就可以了
HTML code




/* IE6 position fixed Top
亮点呀。

  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞
  • 随网之舞

{position:fixed}

我各种游览器都测试过的
你不会没有下jquery吧
晕,没注意你用到了jquery,我测试过了,没问题,不过放在我网站里面还是没效果,应该是网页中其他的一些样式有影响,还是不用这个效果了。总之谢谢你啊!

JScript code


br /> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">