• JS
  • J볃교

앱처럼 위로 끌어당길시 사이트 리프레시(새로고침) 되게 만들기

2019-04-30 327

설명

  • 카카오톡 링크

앱처럼 위로 끌어당길시 사이트 리프레시(새로고침) 되게 만드는 소스입니다~!

※사이트 제일위에서 내용을 위로 드래그 해보세요.

데모 사이트

pulltorefresh.js

touch-emulator.js

소스실행 현황

소스보기( X표시가 나타나면 무시하셔도 됩니다! )

<ul class="bm_ul">
  <li>스크롤 테스트입니다.</li>
  <li>스크롤 테스트입니다.</li>
  <li>스크롤 테스트입니다.</li>
  <li>스크롤 테스트입니다.</li>
  <li>스크롤 테스트입니다.</li>
  <li>스크롤 테스트입니다.</li>
  <li>스크롤 테스트입니다.</li>
  <li>스크롤 테스트입니다.</li>
  <li>스크롤 테스트입니다.</li>
  <li>스크롤 테스트입니다.</li>
  <li>스크롤 테스트입니다.</li>
  <li>스크롤 테스트입니다.</li>
  <li>스크롤 테스트입니다.</li>
  <li>스크롤 테스트입니다.</li>
  <li>스크롤 테스트입니다.</li>
  <li>스크롤 테스트입니다.</li>
  <li>스크롤 테스트입니다.</li>
</ul>


<script src="/js/pulltorefresh.js"></script>
<script src="/js/touch-emulator.js"></script>

<script>
	TouchEmulator()
	/* global PullToRefresh */
	PullToRefresh.init({
		mainElement: '#container',
		onRefresh: function() { alert('refresh') }
	});
</script>