PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布

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

原创
2016-06-24 12:10:22 743浏览

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


回复讨论(解决方案)

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

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

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

nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

我刚才试了下,没有固定,你再试试,是不是忘记写东西了?

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

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

nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">




/* IE6 position fixed Top
亮点呀。


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

{position:fixed}

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

JScript code


nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


这个应该也可以,我没试,感谢啊!

有空欢迎看看我的网站- 好望角,感谢各位!

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。