网页元素定位动态变换问题_html/css_WEB-ITnose

WBOY
풀어 주다: 2016-06-21 09:47:28
원래의
1412명이 탐색했습니다.

本帖最后由 wlx1991 于 2013-11-28 14:00:04 编辑

html css Javascript 元素定位 网页布局

雅虎首页(yahoo.com),当向下浏览页面,页面左侧和右侧的内容已经到底,而中间仍有内容时,中间内容还可以继续向下滑动,左侧和右侧都停留在各自的最低端(如图一左、右侧),而不会显示空白(如图二右侧)。




回复讨论(解决方案)

js获取页面滚动的高度,当滚动高度和浏览器窗口高度大于左侧的文档高度时,将左侧需要悬浮的部分改为position:fixed,IE6下用position:absolute模拟fixed。
右侧同理。

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!