KJCLUB - 일본의 이케멘 미남 핸섬 미남자

지식교류

테마게시판

포토게시판

교류게시판

지역게시판

서울 3402
인천 8154
전주 1571
광주 4458
대구 1831
대전 6781
천안 778
부산 3731
훗카이도 945
도호쿠 925
도쿄 6053
칸사이 3562
후쿠오카 1003

버그 게시판

버그 게시판 689

일본드라마

일본의 이케멘 미남 핸섬 미남자

글쓴이

1 日本がいつも勝利する

작성일

2018-10-02 10:30:35

조회

1,401

이케멘 지나 무심코 보존한 화상 Part2

이케멘 지나 무심코 보존한 화상 Part2

이케멘 지나 무심코 보존한 화상

이케멘 지나 무심코 보존한 화상

이케멘 지나 무심코 보존한 화상

이케멘 지나 무심코 보존한 화상

일본어로 보기

日本のイケメン　美男　ハンサム　男前

イケメンすぎて思わず保存した画像 Part2

イケメンすぎて思わず保存した画像 Part2

イケメンすぎて思わず保存した画像

イケメンすぎて思わず保存した画像

イケメンすぎて思わず保存した画像

イケメンすぎて思わず保存した画像

0

0

목록

TOTAL: 1148

번호		제목	글쓴이	날짜	조회	추천
848		하루나 멜로디	JAPAV10	2019-10-10	1048	0
847		고독한 미식가 season8 예고편 한국판 (1)	relax	2019-10-08	1255	0
846		시효 경찰 시작했던	natumikan582	2019-10-07	1839	1
845		のだめカンタービレ（Nodame Cantabile）�.......	nnemon	2019-09-30	2150	0
844		동언씨 「응응응응응---!」	nicodass	2019-09-25	1014	0
843		그러나 …	perfume1324	2019-09-22	1559	0
842		돛높이, 언니(누나) 를 좋아해이겠지?	nnemon	2019-08-31	1776	0
841		한국, 미 미사일 기술을 북쪽에 누설�....... (1)	Korean南瓜頭	2019-08-19	1243	0
840		asdasdwqwqe	JapAvDayo	2019-08-06	1135	0
839		보라색 아줌마가 올바릅니다.외는 쓰�....... (1)	kijinkid	2019-07-27	1425	0
838		한국의 죄일람(단 근년에 한정한다)	DryHeavy	2019-07-26	1238	0
837		TV 아사히 스페셜 드라마 「흰 거탑」�....... (5)	かすもち	2019-07-23	1719	0
836		「너의 이름은.」(을)를, 간신히 본	nnemon	2019-07-20	2368	0
835		【한국의 반응】경형 방화로 원숭이�.......	JAPAV3	2019-07-19	1441	0
834		일본이 싫은77%, 좋아 12% (3)	JAPAV3	2019-07-13	1219	0
833		</span> <span class="glyphicon glyphicon-flag text-danger" title="이슈 100Hit!"></span> </a> </td> <td class="valign-mid"><a href="javascript:;" onclick="javascript:showSideView(this, '', "daida598", '', 'board', '2866149', 'board');" title="daida598"><span class="text-muted"><strong>daida598</strong></span></a></td> <td class="text-center valign-mid">2019-07-11</td> <td class="text-center valign-mid hide-mobile">1165</td> <td class="text-center valign-mid hide-mobile">0</td> </tr> <tr height=40px > <td class="text-center valign-mid hide-mobile"> 832 </td> <td><span class="flag-icon flag-icon-jp"></span></td> <td style="padding-left:0px;" class="valign-mid" style="word-break: break-all;"> <a href="/kr/board/exc_board_3/view/id/2865513/page/16/kr/board/exc_board_3/lists"> 과열하는 일본Ｉ 달러 추방 운동에 국....... <span class="glyphicon glyphicon-flag text-danger" title="이슈 100Hit!"></span> </a> </td> <td class="valign-mid"><a href="javascript:;" onclick="javascript:showSideView(this, '', "JAPAV3", '', 'board', '2874711', 'board');" title="JAPAV3"><span class="text-muted"><strong>JAPAV3</strong></span></a></td> <td class="text-center valign-mid">2019-07-11</td> <td class="text-center valign-mid hide-mobile">1453</td> <td class="text-center valign-mid hide-mobile">0</td> </tr> <tr height=40px > <td class="text-center valign-mid hide-mobile"> 831 </td> <td><span class="flag-icon flag-icon-jp"></span></td> <td style="padding-left:0px;" class="valign-mid" style="word-break: break-all;"> <a href="/kr/board/exc_board_3/view/id/2858792/page/16/kr/board/exc_board_3/lists"> asdqwe <span class="glyphicon glyphicon-flag text-danger" title="이슈 100Hit!"></span> </a> </td> <td class="valign-mid"><a href="javascript:;" onclick="javascript:showSideView(this, '', "JapAvDayo", '', 'board', '2895313', 'board');" title="JapAvDayo"><span class="text-muted"><strong>JapAvDayo</strong></span></a></td> <td class="text-center valign-mid">2019-07-04</td> <td class="text-center valign-mid hide-mobile">1181</td> <td class="text-center valign-mid hide-mobile">0</td> </tr> <tr height=40px > <td class="text-center valign-mid hide-mobile"> 830 </td> <td><span class="flag-icon flag-icon-jp"></span></td> <td style="padding-left:0px;" class="valign-mid" style="word-break: break-all;"> <a href="/kr/board/exc_board_3/view/id/2844061/page/16/kr/board/exc_board_3/lists"> ㅈㅈㅂㅈ <span class="glyphicon glyphicon-flag text-danger" title="이슈 100Hit!"></span> </a> </td> <td class="valign-mid"><a href="javascript:;" onclick="javascript:showSideView(this, '', "JapAvDayo", '', 'board', '2895313', 'board');" title="JapAvDayo"><span class="text-muted"><strong>JapAvDayo</strong></span></a></td> <td class="text-center valign-mid">2019-06-01</td> <td class="text-center valign-mid hide-mobile">1242</td> <td class="text-center valign-mid hide-mobile">0</td> </tr> <tr height=40px > <td class="text-center valign-mid hide-mobile"> 829 </td> <td><span class="flag-icon flag-icon-jp"></span></td> <td style="padding-left:0px;" class="valign-mid" style="word-break: break-all;"> <a href="/kr/board/exc_board_3/view/id/2841675/page/16/kr/board/exc_board_3/lists"> ああああ <span class="glyphicon glyphicon-flag text-danger" title="이슈 100Hit!"></span> </a> </td> <td class="valign-mid"><a href="javascript:;" onclick="javascript:showSideView(this, '', "perfume1324", '', 'board', '2929398', 'board');" title="perfume1324"><span class="text-muted"><strong>perfume1324</strong></span></a></td> <td class="text-center valign-mid">2019-05-19</td> <td class="text-center valign-mid hide-mobile">1703</td> <td class="text-center valign-mid hide-mobile">0</td> </tr> </tbody> </table> <div class="clearfix" id="bo_grid_writes" style="display:none"> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_3/view/id/2939870/page/16/kr/board/exc_board_3/lists"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">하루나 멜로디 </p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_3/view/id/2938830/page/16/kr/board/exc_board_3/lists"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">고독한 미식가 season8 예고편 한국판</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_3/view/id/2938343/page/16/kr/board/exc_board_3/lists"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">시효 경찰 시작했던 </p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_3/view/id/2933989/page/16/kr/board/exc_board_3/lists"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">のだめカンタービレ（Nodame Cantabile）�.......</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_3/view/id/2930913/page/16/kr/board/exc_board_3/lists"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">동언씨 「응응응응응---!」</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_3/view/id/2929398/page/16/kr/board/exc_board_3/lists"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">그러나 &#133</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_3/view/id/2915891/page/16/kr/board/exc_board_3/lists"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">돛높이, 언니(누나) 를 좋아해이겠지?</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_3/view/id/2905751/page/16/kr/board/exc_board_3/lists"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">한국, 미 미사일 기술을 북쪽에 누설�.......</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_3/view/id/2895313/page/16/kr/board/exc_board_3/lists"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">asdasdwqwqe</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_3/view/id/2884302/page/16/kr/board/exc_board_3/lists"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">보라색 아줌마가 올바릅니다.외는 쓰�.......</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_3/view/id/2883586/page/16/kr/board/exc_board_3/lists"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">한국의 죄일람(단 근년에 한정한다) </p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_3/view/id/2879076/page/16/kr/board/exc_board_3/lists"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">TV 아사히 스페셜 드라마 「흰 거탑」�.......</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_3/view/id/2876475/page/16/kr/board/exc_board_3/lists"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">「너의 이름은.」(을)를, 간신히 본 </p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_3/view/id/2874711/page/16/kr/board/exc_board_3/lists"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">【한국의 반응】경형 방화로 원숭이�.......</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_3/view/id/2867833/page/16/kr/board/exc_board_3/lists"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">일본이 싫은77%, 좋아 12%</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_3/view/id/2866149/page/16/kr/board/exc_board_3/lists"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;"><iframe width="560" height="315" src="https://www........</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_3/view/id/2865513/page/16/kr/board/exc_board_3/lists"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">과열하는 일본Ｉ 달러 추방 운동에 국.......</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_3/view/id/2858792/page/16/kr/board/exc_board_3/lists"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">asdqwe</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_3/view/id/2844061/page/16/kr/board/exc_board_3/lists"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">ㅈㅈㅂㅈ</p> </a> </div> <div class="col-md-3 col-sm-4 col-xs-6"> <a href="/kr/board/exc_board_3/view/id/2841675/page/16/kr/board/exc_board_3/lists"> <div id="fakecrop-grid"> <img src="" alt="No Image" style="max-width: none; height: 120px" onerror="this.src='/img/kj_default.png'"> </div> <p style="min-height: 52px; word-break: break-word;">ああああ</p> </a> </div> </div> <div class="clearfix"> <span class="btn-group"> </span> <div class="pull-right"> </div> </div> </form> <br /> <!-- <form name="fsearch" method="post" action="/kr/board/exc_board_3/lists" onsubmit="return doSearch(this);"> <input type="hidden" name="sca" value="" /> <input type="hidden" name="list_id" value="'2939870','2938830','2938343','2933989','2930913','2929398','2915891','2905751','2895313','2884302','2883586','2879076','2876475','2874711','2867833','2866149','2865513','2858792','2844061','2841675'"/> --> <form name="fsearch" method="get" action="/kr/board/exc_board_3/lists" onsubmit="return doSearch(this);"> <div class="clearfix"> <select name="sfl" class="form-control input-sm span3 pull-left mgb1 mbr1"> <option value="subject"> 제목 </option> <option value="content"> 내용 </option> <option value="subject,content"> 제목+ 내용 </option> <option value="membername"> 글쓴이 </option> </select> <div class="span4 pull-left"> <div class="input-group"> <input name="stx" class="form-control input-sm" maxlength="15" value="" /> <span class="input-group-btn"> <button type="submit" class="btn btn-sm btn-primary"><span class="glyphicon glyphicon-search"></span> 검색 </button> </span> </div> </div> <div class="pull-right"> <ul class="pagination"><li><a href="/kr/board/exc_board_3/lists/page/1/kr/board/exc_board_3/lists">« 처음</a></li><li><a href="/kr/board/exc_board_3/lists/page/15/kr/board/exc_board_3/lists"><</a></li><li><a href="/kr/board/exc_board_3/lists/page/12/kr/board/exc_board_3/lists">12</a></li><li><a href="/kr/board/exc_board_3/lists/page/13/kr/board/exc_board_3/lists">13</a></li><li><a href="/kr/board/exc_board_3/lists/page/14/kr/board/exc_board_3/lists">14</a></li><li><a href="/kr/board/exc_board_3/lists/page/15/kr/board/exc_board_3/lists">15</a></li><li class="active"><a>16</a></li><li><a href="/kr/board/exc_board_3/lists/page/17/kr/board/exc_board_3/lists">17</a></li><li><a href="/kr/board/exc_board_3/lists/page/18/kr/board/exc_board_3/lists">18</a></li><li><a href="/kr/board/exc_board_3/lists/page/19/kr/board/exc_board_3/lists">19</a></li><li><a href="/kr/board/exc_board_3/lists/page/20/kr/board/exc_board_3/lists">20</a></li><li><a href="/kr/board/exc_board_3/lists/page/17/kr/board/exc_board_3/lists" >></a></li><li><a href="/kr/board/exc_board_3/lists/page/58/kr/board/exc_board_3/lists" >끝 »</a></li></ul> </div> </div> </form> </div> <script src="/js/twemoji.min.js"></script> <script type='text/javascript'> // Parse emoji on web window.onload = function () { if (! /Android\|webOS\|iPhone\|iPad\|iPod\|BlackBerry\|IEMobile\|Opera Mini/i.test(navigator.userAgent)) { twemoji.size = '16x16'; twemoji.parse(document.body); } } // <![CDATA[ // // // ]]> </script> <script src="/js/fakecrop.js"></script> <script> $(document).ready(function () { $('#fakecrop-list img').fakecrop({ wrapperWidth: 64, wrapperHeight: 64 }); $('#fakecrop-grid img').fakecrop({ wrapperWidth: 120, wrapperHeight: 120 }); $('#del_posts').click(function () { let mb_id = $('#mb_id').val(); let link = $('#url').val(); let botable = $('#bo_table').val(); if (mb_id.length == "") { alert("Please select a member to delete the post."); return; } $.ajax({ method: "POST", url: rt_path + '/' + link, data: { "mb_id": mb_id, "bo_table": botable }, dataType: "JSON", success: function (data) { if (data.code == 200) { alert(data.message); location.reload(); } else { alert(data.message); } } }) }) }); function revert_post(wr_id, bo_table) { if (confirm("Revert deleted posting?")) { $.post('/kr/_trans/board_write/revert_delete', { wr_id: wr_id, bo_table: bo_table }, function (data) { alert("Completed"); location.reload(); }); } } </script> <style type="text/css"> #fakecrop-list { height: 64px; width: 64px } #fakecrop-grid { height: 120px; width: 120px } </style></div> </div><!--/.clearfix--> </div><!--/.container--> <div class="fluid-container" style="margin-bottom: 4px; background-color: #fff;overflow: hidden; text-align: center"> </div> <script> function setCookie(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays2460601000)); var expires = "expires="+ d.toUTCString(); document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/"; } function getCookie(cname) { var name = cname + "="; var decodedCookie = decodeURIComponent(document.cookie); var ca = decodedCookie.split(';'); for(var i = 0; i <ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ""; } </script> <footer> <div class="container-fluid"> <div class="row"> <div class="footer-heading"> <div class="container"> <div class="col-md-12 pdl2"> <a href="/kr/languagechanger/switchLanguage/korean" class="link-language-changer lang-active">Korean</a> \| <a href="/kr/languagechanger/switchLanguage/japan" class="link-language-changer ">Japanese</a> </div> </div> </div> </div> </div> <div class="container-fluid"> <div class="footer-content"> <div class="container"> <div class="col-md-12 pdl2"> <table> <tr> <td class="footer-logo"> <a href="/kr"><img src="/img/sub_main_logo.gif"></a> </td> <td class="footer-copyright"> <a href="/kr/company">KJCLUB소개</a> &nbsp&nbsp\|&nbsp&nbsp <a href="/kr/rules">이용약관</a> &nbsp&nbsp\|&nbsp&nbsp <a href="/kr/privacy">개인정보취급방침</a> &nbsp&nbsp\|&nbsp&nbsp <a href="/kr/board/exc_board_44">버그 및 불편사항 신고</a> &nbsp&nbsp\|&nbsp&nbsp <a href="javascript:;" title="읽지 않은 쪽지" onclick="win_memo('member/memo/write/관리자');">운영자 문의</a> <br><br> 서비스 운영<br> 그레이트풀데이즈(주) 대표이사: 고요환, 개인정보관리책임 : 고요환, 통신판매업: 제 2015-서울중구-0608호, 사업자번호: 113-86-01236<br> 주소: 서울특별시 성동구 연무장 13길 9 (성수동2가, 아아템풀 빌딩) TEL: 070-7423-8828, 이메일 : <a href="mailto:gdays.kjclub@gmail.com">gdays.kjclub@gmail.com</a> <br><br> <!-- 시스템 운영<br> 조이앤네트웍스(주) 대표이사: 김주환, 통신판매업 신고: 제 2016-서울금천-0751호, 사업자번호: 113-86-07650<br> 주소: 서울특별시 금천구 가산디지털2로 123 --> <br><br> Copyright © Gratefuldays Corp. All rights reserved.<br> Copyright © Joyandnetworks Corp. All rights reserved.<br> Copyright © Korea Japan Culture Exchange KJLUB All rights reserved. </td> </tr> </table> </div> </div> </div> </div> </footer> <script type='text/javascript'> //<![CDATA[ function mSearch(f) { var stx = f.stx.value.replace(/(^\s)\|(\s$)/g,''); if (stx.length < 2) { if (site_lang_code == 'kr') { alert('2글자 이상으로 검색해 주세요.'); } else { alert('二文字以上で検索してください。'); } f.stx.focus(); return false; } return true; } //]]> $(document).ready(function(){ $('.link-language-changer').click(function(e){ //console.log($(this).attr('href')); }) }); $('#main-container').bind("click touchstart", function(){ $('#main-menu-collapse').collapse('hide'); if ($('#main-menu-collapse').hasClass('in')) { $('#main-menu-collapse').removeClass('in'); } }); </script> <ul id="alert" class="list-unstyled" style="width:230px; position:fixed; top:10%; left:50%; margin-left:-115px; z-index:1920;"></ul> <script type="text/javascript" src="/js/board.js"></script> <script type="text/javascript" src="/js/sideview.js"></script> <script type="text/javascript" src="/js/md5.js"></script> <script type="text/javascript" src="/js/kcaptcha.js"></script> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-4JXGDX6Z8W"></script> <script> window.dataLayer = window.dataLayer \|\| []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-4JXGDX6Z8W'); </script> <!--back to top button--> <span id="top-link-block" style="display: none"> <a href="#top" style="background-color: red; width: 100%; height: 100%; color: #fff; padding: 15px; border-radius: 5px;" onclick="$('html,body').animate({scrollTop:0},'slow');return false;"> <i class="glyphicon glyphicon-chevron-up"></i> Back to Top </a> </span> <style type="text/css"> #top-link-block.affix-top { position: absolute; /* allows it to "slide" up into view / bottom: -82px; right: 10px; } #top-link-block.affix { position: fixed; / keeps it on the bottom once in view / bottom: 40px; right: 20px; } .freezePage{ overflow: hidden; height: 100%; position: relative; } </style> </div> <!--close m-content--> </div> <!--close m-wrapper--> <div class="m-sub-overlay"></div> <div class="m-overlay"></div> <div id="m-sidebar"></div> <div id="m-sub-sidebar"></div> <!--effect scripts--> <script type="text/javascript"> function open_main_menu() { if(!$('#m-sidebar').hasClass("active")) { $('#m-sidebar').toggleClass('active'); $('#m-content').toggleClass('active-left'); $('#m-sidebar').show(); if ($('.m-overlay').css("display") == "block") $('.m-overlay').fadeOut(); else $('.m-overlay').fadeIn(); } } function open_sub_menu() { if (!$('#m-sub-sidebar').hasClass("active")) { $('#m-sub-sidebar').toggleClass('active'); $('#m-content').toggleClass('active-right'); $('#m-sub-sidebar').show(); if ($('.m-sub-overlay').css("display") == "block") $('.m-sub-overlay').fadeOut(); else $('.m-sub-overlay').fadeIn(); $('html').addClass('freezePage'); $("body").addClass("freezePage"); $("#m-sub-sidebar").css("overflow-y", "scroll"); } } $(document).ready(function () { $(".mobile-second").show(); //toggle main menu sidebar $('#m-sidebar-collapse').on('click', function () { open_main_menu(); }); //toggle sub menu sidebar $('#m-sub-sidebar-collapse').on('click', function () { open_sub_menu(); }); //close main menu $('.m-overlay').on('click', function () { $('.m-overlay').fadeOut(); $('#m-sidebar').toggleClass('active'); $('#m-content').toggleClass('active-left'); }); //close sub menu $('.m-sub-overlay').on('click', function () { $('.m-sub-overlay').fadeOut(); $('#m-sub-sidebar').toggleClass('active'); $('#m-content').toggleClass('active-right'); $('html').removeClass('freezePage'); $("body").removeClass("freezePage"); }); }); //wait for body loading $(window).load(function() { //$("body").removeClass("preload"); }); //back to top button if ( ($(window).height() + 100) < $(document).height() ) { $('#top-link-block').show().affix({ offset: {top:100} }); } //move sub menu into sidebar if (is_mobile) { console.log("is_mobile:true"); $('.mobile-first').insertBefore($('.mobile-second')); if (typeof is_sub_menu !== "undefined" && is_sub_menu == true) $('.mobile-second').detach().appendTo($('#m-sub-sidebar')); } if( /Android\|webOS\|iPhone\|iPad\|iPod\|BlackBerry\|IEMobile\|Opera Mini/i.test(navigator.userAgent) ) { // } // swipe to open sub sidebar document.addEventListener('touchstart', handleTouchStart, {passive:false}); document.addEventListener('touchmove', handleTouchMove, {passive:false}); var xDown = null; var yDown = null; var disableSubMenu = false; //disable toggle submenu when scroll sub top menu $('.pn-ProductNav_Wrapper').on('click touchstart',function(e){ if(e.type=='click') { //click } else { //touch disableSubMenu = true; } }); $('.pn-ProductNav_Wrapper').on('click touchend',function(e){ if(e.type=='click') { //click } else { //touch disableSubMenu = false; } }); var tapedTwice = false; function handleTouchStart(evt) { if(!tapedTwice) { tapedTwice = true; setTimeout( function() { tapedTwice = false; }, 300 ); xDown = evt.touches[0].clientX; yDown = evt.touches[0].clientY; return false; } evt.preventDefault(); }; function handleTouchMove(evt) { if ( ! xDown \|\| ! yDown ) { return; } var xUp = evt.touches[0].clientX; var yUp = evt.touches[0].clientY; var xDiff = xDown - xUp; var yDiff = yDown - yUp; if ( Math.abs( xDiff ) > Math.abs( yDiff ) ) {/most significant/ if ( xDiff > 0 ) { / left swipe / console.log("Left swipe"); if (is_sub_menu) { // toggle sub menu sidebar console.log(disableSubMenu); if (!disableSubMenu) open_sub_menu(); } } else { / right swipe / console.log("Right swipe"); } } else { if ( yDiff > 0 ) { / up swipe / console.log("Up swipe"); } else { / down swipe / console.log("Down swipe"); } } / reset values */ xDown = null; yDown = null; }; </script> </body> </html>