simplyScroll v2
첨부파일 https://eond.com/jquery/361834

simplyScroll is a scroll-tastic jQuery plugin that can animate (scroll) content either automatically or manually, horizontally or vertically, backwards or forwards.

NEW FEATURES IN V2

  • Auto-scroll in either direction
  • RTL support, normalises browser RTL scroll implementations
  • Touch support
  • Now automatically supports unequal sized elements in loop mode
  • Pause/play button option

FEATURES

  • Supports scrolling horizontally and vertically both forwards and backwards
  • Uses DOM ScrollTop/ScrollLeft for optimal performance
  • Supports looped scrolling (infinite effect)
  • Fully customisable via CSS & HTML
  • Supports jQuery 1.2.6 and higher (tested up to 1.7.1)
  • Works on all major browsers (including IE6/7!)

EXAMPLES

  1. Horizontal scroll with loop (infinite effect)
  2. As above but manual scroll with buttons
  3. Manual Vertical scroll, with buttons, looped
  4. Custom HTML example, scrolling backwards
  5. RTL mode page may look odd (or better)!
  6. Pause and resume

DOWNLOAD

simplyScroll is open source and dual licensed under MIT and GPL licenses. Latest version simplyScroll 2.0.5 released 10/05/12

jquery.simplyscroll.zip 30 Kb Recommended Complete package including CSS & buttons.png
jquery.simplyscroll.js 13 Kb Source
jquery.simplyscroll.min.js 8 Kb minified (uncompressed)

CONFIGURATION

simplyScroll can be configured with a number of options

Property Default Description
customClass 'simply-scroll' Class name for styling
frameRate 24 Number of movements/frames per second
speed 1 Number of pixels moved per frame, in 'loop' mode must be divisible by total width of scroller
orientation 'horizontal' 'horizontal or 'vertical' - not to be confused with device orientation
direction 'forwards' 'forwards' or 'backwards'
auto true Automatic scrolling, use false for button controls
autoMode 'loop' auto = true, 'loop' or 'bounce', (disables buttons)
manualMode 'end' auto = false, 'loop' or 'end' (end-to-end)
pauseOnHover true Pause scroll on hover (auto only)
pauseOnTouch true Touch enabled devices only (auto only)
pauseButton false Creates a pause button (auto only)
startOnLoad false Init plugin on window.load (to allow for image loading etc)

COMMENTS / FEEDBACK

Notes/issues:

simplyScroll jumping? Make sure you specify images sizes or start on window load (Chrome is especially affected by this - it's just so darn fast!)

You can't use auto scrolling with buttons (yet - speed-up is a planned feature)

There's a bug in Chrome 17 (released Feb 12) that returns a false positive on a touch support test (causing hover events not to be setup), version 2.0.3 fixes this.

Any feedback or bugs should be directed to @logicbox orwill@logicbox.net. Enjoy!

코멘트 0
접기/펴기 | 댓글 새로고침
 
 
Total 142 articles in 5 / 8 pages
번호 제목 제목 날짜날짜
공지 슬라이더 스크립트 4종 2016/07/03 0
공지 jQuery 추천 사이트 2015/06/08 0
62 [ionic] Ionic Javascript examples 2015/09/03 0
61 [Banner] scrollon.js 흐르는 배너 2015/09/03 0
60 [고급활용] 마우스를 올리면 배경그림에 블러 효과 주기 2015/09/03 0
59 [고급활용] SCSS를 활용한 스크롤 배너 2015/09/03 0
58 [고급활용] 일정 영역만 보여주고 클릭하면 펼치기 2015/09/03 0
57 [고급활용] 마우스 따라 이미지 캡션 이동하기 2015/09/03 0
56 [property] [jquery] size()와 length [1] 2015/08/11 0
55 [슬라이더 플러그인] slidejs 2015/09/03 0
54 [기초활용] [jQuery] 부드럽게 '위로 가기' 만들기 2015/09/03 0
현재글 [슬라이더 플러그인] simplyScroll v2 2015/09/02 0
52 [추천사이트] 자바스크립트 파일 압축 및 복원하기 (***.min.js 파일 만들기) 2015/09/02 0
51 [질문] 풀지 못한 과제 3가지 2015/09/01 0
50 [플러그인] jQuery.html5form 파일 2015/08/31 0
49 [고급활용] [jQuery] Form, input 체크 validator, value 체크 2015/09/01 0
48 [플러그인] jQuery Validation Plugin 파일 2015/08/31 0
47 [기초활용] [jQuery] 태그로 구분해서 a 태그 효과 다르게 주기 2015/08/31 0
46 [플러그인] jquery chart 모음 2015/08/27 0
45 [기초활용] Javascript vs jQuery 2015/08/27 0
44 [플러그인] jQuery Cycle Plugin, 이미지 롤링 2015/08/27 0
43 [추천사이트] jQuery 활용 추천 사이트 2015/08/27 0

해시태그 디렉터리