디자인도 겨우겨우 하는데 아래와 같이 구현할라니 힘드네요
소스라도 있으면 보고 할텐데 ㅡㅜ 혹시 아래와 같이 메뉴바기능있는 소스아시는분 부탁드립니다.
스크롤 내리면 상단에 메뉴바가 고정이되는거와 메뉴바
우측 항상 퀵메뉴들 고정시키는 세로바?
http://www.cnpmall.com/product/product_view.aspx?guid=4&parent2=22#nWrap
도와주세요 ㅡㅜ 3일째 삽질중이에요 ;
댓글 2개
HackYa
11년 전
우측 메뉴는 css 의 position: fixed; 로 고정시키시면되고, 마우스 hover 시 왼쪽으로 슬라이드 하게 하시려면 jQuery 로 이렇게 하시면 됩니다.
http://jsfiddle.net/PXLJG/7/
스크롤시 상단메뉴 고정은
//top stick menu scroll
jQuery(window).scroll(function () {
if (jQuery(window).scrollTop() >= 88) {
jQuery('#navigation').addClass('fixed');
} else {
jQuery('#navigation').removeClass('fixed');
}
});
이런식으로... 우축메뉴는 항시 고정되어 있지만, 상단메뉴는 if else 문으로 상황에 따라서 고정된 class 를 더하거나 빼거나, 이 부분만 두 메뉴가 다른겁니다.)
원하시는 모든 기능이 공교롭게 제가 몇년전 한번씩 다 짜봤던거네요.
여기 종합세트로 다 들어 있습니다.
http://hackya.com/ko/
http://hackya.com/ko/wp-content/themes/boingo/js/customscript.js?ver=3.9.2
지금 다시 다 짜라고 하면, jQuery 를 전혀 쓰지 않고, css (scss) 만으로 님이 원하시는 저 페이지에 동적인 부분을 다 짤수 있겠네요.*
참 세월좋아졌습니다. ㅎㅎㅎ
*css 나 jQuery 에 대한 지식이 전혀 없으시면 공부를 조금 하셔보세요. 물론 무작정 삽질하시다 보면 구축하실 수 도 있겠지만, 더 효율적인 방법은 체계적으로 공부를 약간 해보시는 것 입니다.
저걸 3일을 삽질하시다니요? ㅠㅠㅠㅠ 15분도 안걸려서 다 짤수 있는건데....
* 좀어렵지만 @if @else 로 jQuery 없이 조건부적 상단메뉴 고정 구현 scss 만으로 도 가능합니다.
http://jsfiddle.net/PXLJG/7/
스크롤시 상단메뉴 고정은
//top stick menu scroll
jQuery(window).scroll(function () {
if (jQuery(window).scrollTop() >= 88) {
jQuery('#navigation').addClass('fixed');
} else {
jQuery('#navigation').removeClass('fixed');
}
});
이런식으로... 우축메뉴는 항시 고정되어 있지만, 상단메뉴는 if else 문으로 상황에 따라서 고정된 class 를 더하거나 빼거나, 이 부분만 두 메뉴가 다른겁니다.)
원하시는 모든 기능이 공교롭게 제가 몇년전 한번씩 다 짜봤던거네요.
여기 종합세트로 다 들어 있습니다.
http://hackya.com/ko/
http://hackya.com/ko/wp-content/themes/boingo/js/customscript.js?ver=3.9.2
지금 다시 다 짜라고 하면, jQuery 를 전혀 쓰지 않고, css (scss) 만으로 님이 원하시는 저 페이지에 동적인 부분을 다 짤수 있겠네요.*
참 세월좋아졌습니다. ㅎㅎㅎ
*css 나 jQuery 에 대한 지식이 전혀 없으시면 공부를 조금 하셔보세요. 물론 무작정 삽질하시다 보면 구축하실 수 도 있겠지만, 더 효율적인 방법은 체계적으로 공부를 약간 해보시는 것 입니다.
저걸 3일을 삽질하시다니요? ㅠㅠㅠㅠ 15분도 안걸려서 다 짤수 있는건데....
* 좀어렵지만 @if @else 로 jQuery 없이 조건부적 상단메뉴 고정 구현 scss 만으로 도 가능합니다.
11년 전
감사해요 ㅡㅜ 전 디자인만하지 이쪽으로는 지식이 없어서요.. 정말 감사드립니다.
즐거운 추석보내시구요.. 다시한번 감사감사.. 오늘부터 열공하겠어요 ^0^
즐거운 추석보내시구요.. 다시한번 감사감사.. 오늘부터 열공하겠어요 ^0^
게시판 목록
디자인
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 1866 | 9년 전 | 83 | ||
| 1865 | 9년 전 | 122 | ||
| 1864 | 9년 전 | 141 | ||
| 1863 | 9년 전 | 115 | ||
| 1862 |
크레용웍스
|
9년 전 | 346 | |
| 1861 | 9년 전 | 260 | ||
| 1860 | 9년 전 | 207 | ||
| 1859 | 9년 전 | 225 | ||
| 1858 |
 nanati |
9년 전 | 550 | |
| 1857 | 9년 전 | 358 | ||
| 1856 | 9년 전 | 239 | ||
| 1855 | 9년 전 | 250 | ||
| 1854 | 9년 전 | 487 | ||
| 1853 | 9년 전 | 307 | ||
| 1852 |
 weblife |
9년 전 | 486 | |
| 1851 | 9년 전 | 258 | ||
| 1850 | 9년 전 | 242 | ||
| 1849 | 9년 전 | 249 | ||
| 1848 | 9년 전 | 187 | ||
| 1847 | 9년 전 | 180 | ||
| 1846 | 9년 전 | 211 | ||
| 1845 | 9년 전 | 433 | ||
| 1844 | 9년 전 | 352 | ||
| 1843 | 9년 전 | 476 | ||
| 1842 | 9년 전 | 407 | ||
| 1841 | 9년 전 | 283 | ||
| 1840 | 9년 전 | 597 | ||
| 1839 | 9년 전 | 674 | ||
| 1838 | 9년 전 | 470 | ||
| 1837 | 9년 전 | 358 | ||
| 1836 | 9년 전 | 455 | ||
| 1835 | 9년 전 | 799 | ||
| 1834 | 9년 전 | 763 | ||
| 1833 | 9년 전 | 519 | ||
| 1832 | 9년 전 | 566 | ||
| 1831 | 9년 전 | 596 | ||
| 1830 | 9년 전 | 664 | ||
| 1829 | 9년 전 | 592 | ||
| 1828 | 9년 전 | 777 | ||
| 1827 | 9년 전 | 654 | ||
| 1826 | 9년 전 | 418 | ||
| 1825 |
 apfhd |
9년 전 | 620 | |
| 1824 | 9년 전 | 427 | ||
| 1823 | 9년 전 | 1186 | ||
| 1822 | 9년 전 | 938 | ||
| 1821 | 9년 전 | 881 | ||
| 1820 | 9년 전 | 941 | ||
| 1819 |
 Net디자인 |
9년 전 | 472 | |
| 1818 | 9년 전 | 572 | ||
| 1817 |
아쿠아틴티드
|
9년 전 | 554 | |
| 1816 |
nanati |
9년 전 | 944 | |
| 1815 |
핫디자인1
|
9년 전 | 1051 | |
| 1814 | 9년 전 | 519 | ||
| 1813 |
핫디자인1
|
9년 전 | 637 | |
| 1812 |
핫디자인1
|
9년 전 | 828 | |
| 1811 |
nanati |
9년 전 | 900 | |
| 1810 | 9년 전 | 673 | ||
| 1809 | 9년 전 | 786 | ||
| 1808 | 9년 전 | 817 | ||
| 1807 | 9년 전 | 659 | ||
| 1806 |
jakeeeeel
|
9년 전 | 603 | |
| 1805 | 9년 전 | 1489 | ||
| 1804 | 9년 전 | 834 | ||
| 1803 | 9년 전 | 837 | ||
| 1802 | 9년 전 | 1077 | ||
| 1801 |
seul194
|
9년 전 | 762 | |
| 1800 |
nanati |
9년 전 | 1023 | |
| 1799 | 9년 전 | 773 | ||
| 1798 |
nanati |
9년 전 | 1154 | |
| 1797 | 9년 전 | 1286 | ||
| 1796 |
brucelee1973
|
9년 전 | 2514 | |
| 1795 | 9년 전 | 720 | ||
| 1794 |
nanati |
9년 전 | 688 | |
| 1793 |
프로그래머7
|
9년 전 | 579 | |
| 1792 | 9년 전 | 565 | ||
| 1791 |
weblife |
9년 전 | 1564 | |
| 1790 |
ssir1159
|
9년 전 | 1254 | |
| 1789 | 9년 전 | 1063 | ||
| 1788 |
프로그래머7
|
9년 전 | 782 | |
| 1787 | 9년 전 | 534 | ||
| 1786 | 9년 전 | 637 | ||
| 1785 |
 booly |
9년 전 | 682 | |
| 1784 | 9년 전 | 768 | ||
| 1783 | 9년 전 | 620 | ||
| 1782 | 9년 전 | 400 | ||
| 1781 |
씨에이치넷
|
9년 전 | 1598 | |
| 1780 | 9년 전 | 857 | ||
| 1779 | 9년 전 | 904 | ||
| 1778 |
 별을따는소년 |
10년 전 | 1258 | |
| 1777 | 10년 전 | 657 | ||
| 1776 | 10년 전 | 1024 | ||
| 1775 | 10년 전 | 463 | ||
| 1774 | 10년 전 | 724 | ||
| 1773 |
 ABC디자인 |
10년 전 | 1461 | |
| 1772 | 10년 전 | 867 | ||
| 1771 | 10년 전 | 841 | ||
| 1770 |
ABC디자인 |
10년 전 | 1715 | |
| 1769 |
ABC디자인 |
10년 전 | 1448 | |
| 1768 |
헤이하치대머리
|
10년 전 | 749 | |
| 1767 |
씨에이치넷
|
10년 전 | 1661 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기