하나의 얼굴 책과 같이 하단에 정렬 된 도구 막대의 효과를 얻으려고하는 페이지를 만들었습니다. 이를 위해서는 난 높은 Z- 색인 사업부 고정하는 위치 설정 및 설정했다 하단 0 HTML CSS LAYERS
#bar
{
z-index : 11;
position : fixed;
bottom : 0;
height : 50;
left : 0;
right : 0;
}
잘 작동
추천되지만 스크롤하면 페이지 같아 동안 페이지가 무거워 같은 시간 렌더링 소요 스크롤은 매끄럽지 만 페이지 렌더링이 너무 느려서 스크롤 효과가 좋지 않습니다. 사람이 ...을 무슨 일을 알고 있었거나 심지어 나셨어요 : P
위치 : 자체에서 해결 이러한 문제의 원인이되어서는 안된다.
브라우저가 페이지 렌더링 속도가 느린 것 같습니다. 페이지가 크거나 복잡합니까? 이것은 복잡한 HTML, CSS 및 특히 자바 스크립트 때문에 발생할 수 있습니다.
차례대로 JS를 단순화 (또는 비활성화) 해보십시오.
(나는 * 선택기를 사용하는 JS 이벤트 나 및 CSS 열심히보고 싶은데.)
을 당신이 "배경 - 첨부 파일 : 고정"가지고있는 경우에 유사한 문제를 일으킬 수있는 규칙을. 주의해야 할 또 다른 문제는 IE6은 위치를 지원하지 않기 때문에 고정되어 있으므로 JavaScript로 처리해야하므로 웹 사이트의 속도가 느려집니다.
아래쪽 막대가 HTML 코드의 맨 아래에 있으면 다른 모든 것 다음에로드되고 렌더링됩니다. 페이지의 나머지 부분이 커지면 (바보 같은 코드, 복잡한 자바 스크립트 또는 거대한 이미지) 페이지가로드 될 때마다 스타일이 계속적으로 적용되므로 모든 것을 악화시킬 수 있습니다.
간단한 방법 확인 : 슈퍼 간단한 페이지에서 하단 바를 재 작성하여 동일한 효과가 있는지 확인하십시오. 그렇다면 페이지가 크거나 복잡 할 수 있습니다.
컴퓨터가 느린 :-)
어떤 브라우저에서 이것을 테스트 했습니까? – AnthonyWJones
Firefox & IE & Chrome ... – Moon
어떤 브라우저가 있습니까? 이 요소가 문제를 일으켰다는 것이 확실합니까 (주석 달기 때 발생하지 않습니까?) – edeverett