내 페이지에서 http://bit.ly/KseVxs 나는 페이지를 아래로 스크롤 할 때 한 위치에 고정 된 부동 요소가 있습니다.웹 요소의 위쪽 여백 조정
CSS를 페이지 상단에 표시하도록 어떻게 조정할 수 있습니까? 지금은 상단에 여분의 공간이 있습니다 (첨부 된 스크린 샷 참조). 다른 말로하면이 페이지의 비슷한 요소처럼 동작해야합니다. http://bit.ly/LsWPaC, 똑같은 스크립트와 CSS를 사용합니다.
<div id="floater2" ...
컷 닫는 div 태그에 그것의 시작 사업부에서 전체 div 태그 : 대한 HTML 모양에서
의 몇 suggestions :
플러그인 구성에서 오프셋 값을 변경해 보셨습니까? 예 :
$('#floater3').scrollFollow({
speed: 500,
offset: 0
});
오프셋을 165px로 설정하면
또한 br이 스크롤링 대상의 첫 번째 요소라는 것을 알게되었습니다. 파란색 '통화'상자 위에 추가로 패딩을 추가하는 것이 바람직하지 않을 수 있습니다.
예, 나는 그것을 스스로 알아 냈어 오프셋을 조정하여 문제를 해결할 수있었습니다, 오프셋은 크롬에 대해 FF와 IE보다 다르게 작동했습니다. 그래서 일부를 버려야했습니다. 브라우저 인식을 혼합하여 각기 다른 오프셋 값을 갖습니다. 나는 돈에 바로 있었기 때문에 당신이 올바른 것으로 대답 할 것입니다. :) – Acidon
.
<a href="mold-coupons-free" rel="nofollow">
<img src="images/coupon-free-inspection-town.gif" width="236" height="109" border="0" alt="FREE Mold Inspection coupon">
</a>
당신이 </A > 태그 바로 제거 코드를 붙여 넣습니다, 그래서 그 결과는 다음과 같습니다 :
그런 다음이 HTML 블록을 찾아
<a href="mold-coupons-free" rel="nofollow">
<img src="images/coupon-free-inspection-town.gif" width="236" height="109" border="0" alt="FREE Mold Inspection coupon">
</a>
<div id="floater2" ... </div>
당신이 제안한 방식으로 중첩했지만 크롬 (동일한 공백이 큰 공백)에서 동일한 결과를 얻었지만 이제는 FF 및 IE에서 작동하지 않고 스크롤에 표시되지 않음 – Acidon
크롬 웹 개발자 만 시도해 보았습니다. 간격이 개선되었습니다. 아마 다른 브라우저에서는 작동하지 않았을 것입니다. 어쨌든, 당신이 필요하면 그냥 대안 –
당신의 주요 문제는 레이아웃을 위해 테이블을 사용하고 있다는 것입니다 ... 마크 업은 다소 엉망입니다. 나는 다시 시작하는 것에 대해 생각할 것이다. – elclanrs
CSS, 여분의 공간 및 스크립트를 사용하여 페이지를 볼 수없는 경우 도움이 불가능합니다. – JotaBe
복사하는 예가 문제가 아닙니다. 그들의 스크립트에는 브라우저 창에 의해 가려진 내용이 있습니다. 파이어 폭스에 대해 디버깅 된 것처럼 보이지 않습니다. –