자동으로 수직으로 DIV 내용 루핑을 스크롤합니다

StackOverflow https://stackoverflow.com/questions/1948707

문제

텍스트 만있는 DIV를 갖는 간단한 방법을 찾으려고 노력하고 있습니다. 프레임 워크를 사용하고 싶지는 않습니다 (프로토 타입을 사용하더라도 프로토 타입을 사용하는 것이 더 쉬운 경우 괜찮지 만 스크립트 할 수는 없습니다).

몇 줄의 코드 로이 작업을 수행 할 수있는 방법이 있어야한다고 생각하지만 JavaScript에 가장 효과적으로 수행하는 방법을 알기에 익숙하지 않습니다.

도움이 되었습니까?

해결책

이것은 기존이 아닐 수도 있지만 시도 할 수 있습니다. <marquee> 꼬리표

IE와 FF에서 작동하며 마지막으로 확인한 Safari도 모두 작동합니다.

<marquee behavior="scroll" direction="up" height="250" 
   scrollamount="2" scrolldelay="10"">
  Your content goes here
</marquee>

원하는 것을 주어야합니다.
그리고 당신은 그것들을 어떤 것처럼 스타일링 할 수 있습니다 <div>...
그리고 JavaScript가 없다는 이점이 추가되었습니다 ...

귀하의 의견에 응답하여 편집하십시오

더 좋아지고 모든 브라우저에서 시도해보십시오

onmouseover="this.stop()" onmouseout="this.start()"

그리고 이것은 즉

style="filter:progid:DXImageTransform.Microsoft.Alpha( Opacity=0,
FinishOpacity=100, 
Style=1, StartX=0,  FinishX=0, StartY=0, FinishY=10) 
progid:DXImageTransform.Microsoft.Alpha( Opacity=100, FinishOpacity=0, 
Style=1, StartX=0, FinishX=0, StartY=90, FinishY=100)"

천막 태그의 속성으로 ...

다른 팁

function scrollDivUp(id){
    document.getElementById(id).scrollTop-=1
    timerUp=setTimeout("scrollDivUp('"+id+"')",10)
}

아마 그런 것을 시도하십시오.

.scrolltop- = 1을 .scrolltop+= 1으로 변경하여 다른 방식으로 스크롤 할 수도 있습니다.

또한 크기를 제한하고 오버플로 스타일 속성을 설정하여 수행 할 수있는 스크롤 가능한 DIV가 필요합니다. 스타일 = "너비 : 200px; 높이 : 300px; 오버플로 : 자동"

DIV를 변경해보십시오 스크롤 탑. 예가 있습니다 여기.

정답은 아직 주어지지 않았다는 것을 알았습니다. 예를 들어 Clonenode ()를 봐야한다고 생각합니다. 스크롤하려는 요소를 복제하십시오. 첫 번째 요소가 스크롤의 마지막 지점에 있으면 첫 번째 요소 뒤에 복제 된 요소를 놓습니다. 그리고 복제 된 요소가 거의 끝에있을 때, 복제본 다음에 원본을 놓습니다!

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top