DIV 내부 페이지의 모든 곳에 배치 할 수있는 배경 이미지에 시차 효과를 적용하고 싶습니다. 문서를 스크롤 할 때 배경 이미지를 완전히 (위에서 아래로) 볼 수 있도록 항상 "완전"방정식을 찾고, 이미지는 항상 DIV를 채우도록 노력합니다. 마지막으로 이미지 높이와 창 높이에 관계없이 항상 작동하는 페이지 중앙의 시차 이미지가 필요합니다. 다음 내 스크립
나는 background-image이 2 인 <section>입니다. 처음에는 버튼을 클릭하여 <li> 초를로드합니다. 그들이 퇴색하는 동안, 두 번째 <section>의 배경은 "jumping"하지만 크롬에서만 나타납니다. 해킹을 시도했습니다 -webkit-transform: translate3d(0, 0, 0); 그러나 그것은 그것을 더 나쁘게 만들었습
내 사이트 중 하나에 맞춤 포인터가있는 Google지도가 있습니다. 내 테마는 시차를 사용하므로 내 URL에 여분의 해시 조각이 있습니다. URL에서 조각을 수동으로 가져 오면지도가 잘 보입니다. 그러나 해시 조각으로 탐색에서 정상적으로 페이지에 액세스하려고하면지도가 표시되지 않습니다. 나는 그것을 고치는 방법을 모른다. 어떤 도움이라도 대단히 감사합니다.
필자는 시차 스크롤을 사용해야하는 사이트가 있습니다. 나는 dynamicdrive.com에서 bookmarking.js 스크립트를 사용했습니다. 하지만 메뉴 항목을 클릭하면 작동하지만 각 부분의 상단 부분이 탐색 바 아래로 이동합니다. - :이이 원하는 것을 여기 된다 - : 여기에 스크린 샷을 살펴 보시기 바랍니다 http://coalitionspace.
My site에는 중지 스크롤 시차 효과가 있습니다. 내가 스크롤을 중지하는 데 사용하는 코드는 다음과 같습니다 if (parseInt($("div#bg").css("top"), 10) <= -0) {
$('#content').css('top', (-0) + 'px');
$('#logo').css('margin-top', (-142) +
Skrollr 라이브러리를 사용하여 배경에 시차 효과를 생성했습니다. 그러나, skillor.init()가 호출되면 몸체 높이가 너무 높아 페이지 아래에 여유 공간이 생깁니다. 문제는 여기에서 볼 수있다 : http://codepen.io/designil/pen/Ggxde HTML : <div class="headrow">
<div class="conta
나는이 사이트와 거의 비슷합니다. 내가 원하는대로 프론트 페이지를 찾았습니다. 네비게이션 메뉴는 흰 막대 등의 오른쪽에 있습니다. 문제는 다른 페이지 (페이지 섹션)로 이동하면 nav이 위로 이동합니다. 막대가 너무 커서 (높이) 크기가 바뀌므로 CSS 쓰기 비트를 찾을 수 없습니다! "최소 높이 (min-height)"속성을 가진 꽤 많은 클래스가 있으며
나는 간단한 벡터지도 이미지가있는 사이트를 가지고 있으며 뷰어로 차례 차례 표시되는 선을 그리려하고 있습니다. 나는 이것을 멀리 보았다. http://codepen.io/anon/pen/aEFDw 하지만 라인 하나 하나를 표시하는 방법을 알아낼 수 없습니다. Btw, 나는 또한 superscrollorama를 사용하는 데 어려움을 겪고 있습니다. 모든 리드
좋아, 필자는 시차 jQuery/JS 스크립트를 직접 만들었지 만 다음을 지원하는 브라우저를 타겟팅하는 방법을 알지 못합니다 (다음이 필요합니다) : 배경 위치 사이트 (미리보기) 난에있다이 노력하고있어위한 전환 지원 : 나는 브라우저가 있지만이 기능을 지원할지 여부를 감지 할 수있는 방법 My Test Site ? 창 너비에 미디어 쿼리 기반을 실행할 수
달성하려는 목표는 시차 스크롤 효과를 만들기 위해 배경 스크롤에서 div를 느리게 만드는 것입니다. 내가 찾은 및 jQuery 코드의이 부분 수정 한 : "200 픽셀 정상"과 지금까지 내가 처음을 이해 나는 위에서 리셋 스크롤 $(window).scroll(function() {
$('.anim').css({
'top': -($(th