오늘 쇠고기 양지머리 보도 자료 시스템을 연구 할 때 쇠고기 양지머리 교사는 스크롤 바에 대한 몇 가지 지식에 대해 이야기했습니다. 많이 언급되지는 않았지만 스크롤 막대에 대한 지식의 일부만 관련이 있습니다. 심도있게 공부하고 싶다면 충분하지 않습니다. 당신은 혼자서 관련 지식을 수집해야합니다.
나는 현상이 모든 사람에게 흔한 것이어야한다고 말했다. 웹 페이지에서 몇 가지 사항을 삭제할 때 스크롤 바는 종종 매우 비인간적 인 방식으로 페이지 상단으로 실행되지 않고 여전히 사물 앞에서 위치를 삭제하고 있습니다. 그렇다면 어떻게 구현됩니까? 실제로이 방법은 매우 간단합니다. MASPERSSCROLLPOSITENPOSTBACK =를 추가하면 .aspx 소스 코드의 상단 부분에만 추가해야합니다. 아래 그림을 참조하십시오.
위의 현상은 쇠고기 양지머리 보도 자료 시스템을 배울 때 발생했습니다. HTML 스크롤 막대 사용에 대한 다른 몇 가지 팁을 알려 드리겠습니다.
(1) 스크롤 바를 숨기십시오
<bodystyle = Overflow-X : 숨겨진; 오버플로 -Y : 숨겨진>
(2) 셀 또는 층에 나타나는 방법
<divstyle = 너비 : 200px; 높이 : 200px; 오버 플로우 -x : 자동; 오버 플로우 -Y : 자동;> </div>
(3) JavaScript는 색상 변경, 평평한 효과로 변경하는 등 프레임의 스크롤 막대 스타일을 변경합니다.
<스타일>
바디 {Scrollbar-Face-Color : #ffcc99;
스크롤 바 하이 라이트 컬러 : #FF0000;
Scrollbar-Shadow-Color : #ffffff;
Scrollbar-3dlight-color : #000000;
Scrollbar-Arrow-Color : #FF0000;
Scrollbar-Track-Color : #dee0ed;
Scrollbar-Darkshadow-Color : #ffff00;}
</스타일>
설명 :Scrollbar-3dlight-color : 색상; 스크롤 바 밝은 테두리 색상을 설정하거나 검색합니다.
스크롤바 하이 라이트 컬러 : 색상; 스크롤 바 3D 인터페이스의 밝은 가장자리 색상을 설정하거나 검색합니다.
스크롤바 팬 컬러 : 색상; 스크롤 바 3D 표면의 색상을 설정하거나 검색합니다.
스크롤 바-화살표 색상 : 색상; 스크롤 바 방향 화살표의 색상을 설정하거나 검색합니다. 이 속성은 스크롤 바가 나타나지 만 사용할 수없는 경우 유효하지 않습니다.
스크롤 바 샤도 컬러 : 색상; 스크롤 바 3D 인터페이스의 어두운 가장자리 색상을 설정하거나 검색합니다.
Scrollbar-Darkshadow-Color : 색상; 스크롤 바 어두운 경계 색상을 설정하거나 검색합니다.
스크롤 바베이스 컬러 : 색상; 스크롤 바 참조 색상을 설정하거나 검색합니다. 다른 인터페이스 색상은 그에 따라 자동으로 조정됩니다.
스크롤 바 트랙 컬러 : 색상; 스크롤 바의 드래그 영역 색상을 설정하거나 검색합니다.
주목:당신이 설정하려는 색상 코드는 #ff0000과 같은 16 진수로있을 수 있으며, 이는 RGB (255,0,255)와 같은 RGB로 표시 될 수 있습니다. 스크롤 막대 스타일을 설정할 때는 모든 속성을 사용하여 적용 할 필요가 없습니다.
(4) JavaScript의 페이지 요소 위치
ClientX와 Client는 웹 페이지에 대한 마우스의 현재 위치입니다. 마우스가 페이지의 왼쪽 상단에 있으면 clientx = 0, clienty = 0;
Offsetx 및 Offsety는 웹 페이지의 특정 영역에 비해 마우스의 현재 위치입니다. 마우스가 페이지 의이 영역의 왼쪽 상단에 있으면 오프셋 = 0, offsety = 0;
Screenx 및 Screeny는 사용자의 전체 화면에 대한 마우스의 위치입니다.
X와 Y는 현재 브라우저에 대한 마우스의 현재 위치입니다.
scrollleft : 객체의 왼쪽 경계와 창에서 현재 보이는 컨텐츠의 가장 왼쪽 끝 사이의 거리를 설정하거나 가져옵니다 (스크롤 막대가 있으므로 페이지의 현재 가시 콘텐츠는 불확실합니다).
SCROLLTOP : 객체의 상단과 창에서 보이는 내용의 상단 사이의 거리를 설정하거나 얻습니다.
왼쪽 : 페이지에 대한 객체의 x 좌표.
상단 : 페이지에 대한 객체의 y 좌표
(5) 블록 선택, 마우스 오른쪽 단추 등
<body oncontextMenu = self.event.returnValue = falseSelectStart = return false>
다음의 작은 예는 양식의 크기에 따라 스크롤 막대를 자동으로 설정하는 것입니다.
코드를 복사하십시오