특정 섹션에 대해 div 스크롤 사용 jquery fullpage.js

jquery fullpage.js를 사용하고 있습니다. 그리고 내 페이지 마지막 div 스크롤바가 필요합니다. 4 섹션이 있습니다. 처음 3 섹션의 경우 autoScrolling이 true이고 마지막 섹션 autoScrolling이 false입니다. fullpage.js에서 이것을 설정할 수있는 옵션이 있습니까?특정 섹션에 대해 div 스크롤 사용 jquery fullpage.js

출처

2014-10-09 user3714488

-1

이 블록이 4 개 있다고 가정 해 보겠습니다. 마지막 섹션 인 Ok에서 스크롤바를 스크롤해야합니다. 그래서 우리는 CSS와 JQuery의 도움으로 만들 수 있습니다. 첫째 JQuery와 사용 jQuery 라이브러리 파일을 사용하여 CSS를

<style> 
.sec_4{ 
height:100px; 
width:200px 
background:#000; 
color:#fff; 
overflow:auto; 
} 
</style>

를 사용

$(document).ready(function() { 
    $('.sec_4').css({ 
     'overflow': 'auto', 
     'width': '200px', 
     'height': '100px', 
     'background': '#000', 
     'color': '#fff' 
    }) 
})

HTML

<div class="sec_1"> 
</div> 

<div class="sec_2"> 
</div> 

<div class="sec_3"> 
</div> 

<div class="sec_4"> 
lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum 
</div>

출처

2014-10-09 07:59:41 Websolutionexpert24

고맙습니다. 다음 버튼 화살표를 추가 할 방법이 있습니까? – user3714488

다시 말하지만, 이것은 올바르게 작동하지 않습니다. 최신 섹션에서 스크롤 업하면 fullpage.js 스크롤이 실행되고 위 섹션으로 이동합니다. 마지막 섹션의 맨 아래에있는 경우에도 내부 섹션을 스크롤하려고합니다. – Alvaro

이것은 문제의 해결책이 아닙니다. @ Websolutionexpert24는 분명히 fullpage.js에서 테스트하지 않았습니다 – Alvaro

당신은이 경우에 대한 옵션 overflowScroll:true을 사용할 수 있습니다. 콘텐츠가보기 포트 높이보다 큰 경우 필요할 때마다 스크롤 막대가 만들어집니다.

this demo을 살펴보십시오.

출처

2014-10-09 09:39:58 Alvaro

하지만이 옵션은 작동하지 않습니다. 마지막 섹션에 더 많은 콘텐츠가 있고이 옵션을 추가 한 후에 스크롤바가 없습니다. – user3714488

아마도 뭔가 잊어 버렸기 때문일 것입니다. 제공된 예제에서 제대로 작동하는지 확인할 수 있습니다. fullpage.js 뒤에 slimScroll javascript 파일을 포함하고 있는지 확인하십시오. – Alvaro

특정 섹션에 대해 div 스크롤 사용 jquery fullpage.js

답변

관련 문제