내 웹 페이지에 끈적 인 바닥 글을 만들려고하는데 바닥 글을 바닥에 유지하지만 몇 가지 단점이있는 CSS를 발견했습니다. 1, 페이지를 아래로 계속 스크롤하면 페이지가 점점 커집니다 (완전히 예상치 못했던 것입니다. 2 그것은 정지와 같은 갑작스런 동작으로 페이지와 함께 움직입니다. 부드럽게 움직이는 끈적한 바닥 글이 페이지의 아래쪽에 머무를 수 있도록하는 꼬집음이나 다른 코드가 있습니까? 그런데 끈끈한 바닥 글 도움!
,이 코드는 oringaly 정적 메뉴를 들면, 난 그냥 끈적 끈적한 바닥 글을 적응했다
여기에 자바 스크립트 코드,
<script type="text/javascript">
// attribute added inline inside tag)
var staticmenuids=["staticmenu"]
var staticmenuoffsetY=[]
function getmenuoffsetY(){
for (var i=0; i<staticmenuids.length; i++){
var currentmenu=document.getElementById(staticmenuids[i])
staticmenuoffsetY.push(isNaN(parseInt(currentmenu.style.top))? 0 :
parseInt(currentmenu.style.top))
}
initstaticmenu()
}
function initstaticmenu(){
var iebody=(document.compatMode &&
document.compatMode!="BackCompat")?
document.documentElement : document.body
var topcorner=(window.pageYOffset)? window.pageYOffset : iebody.scrollTop
for (var i=0; i<staticmenuids.length; i++)
document.getElementById(staticmenuids[i]).style.top=topcorner+staticmenuoffsetY[i]+"px");
setTimeout("initstaticmenu()", 5)
}
if (window.addEventListener)
window.addEventListener("load", getmenuoffsetY, false)
else if (window.attachEvent)
window.attachEvent("onload", getmenuoffsetY)
</script>
은 년대 CSS :
.wireframemenu{
width: 99%;
height:60px;
position: absolute;
}
html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
}
이제 끈끈한 바닥 글 :
참으로 죄송합니다, 심지어 보지 않았다. 고마워, 고마워. –
왜 끈적한 바닥 글이 필요합니까? 그들은 일반적으로 성가시다, 눈살을 찌푸리게됩니다. 나는 그것이 상황이라고 생각한다. –
[CSS Sticky Footer 구현 문제] (http://stackoverflow.com/questions/1112082/problem-with-css-sticky-footer-implementation) – Liam