CMS (ocPortal/vanilla)의 테마를 사용자 정의하려고했습니다. 여기서 사이드 바를 헤더와 함께 고정시키고 싶었습니다. 힘든 일은 아니지만 최종 사용자가 사이드 바에 화면 높이가 떨어질 수있는 위젯을 추가 할 수 있다는 점을 수정했습니다. 그리고 고정 된 속성은 쓸모 없게 될 것입니다.웹 페이지의 확장 가능한 고정 요소에 관해서
아무 것도 할 수 없었기 때문에이 문제에 대한 해결책이 있습니까?
CMS (ocPortal/vanilla)의 테마를 사용자 정의하려고했습니다. 여기서 사이드 바를 헤더와 함께 고정시키고 싶었습니다. 힘든 일은 아니지만 최종 사용자가 사이드 바에 화면 높이가 떨어질 수있는 위젯을 추가 할 수 있다는 점을 수정했습니다. 그리고 고정 된 속성은 쓸모 없게 될 것입니다.웹 페이지의 확장 가능한 고정 요소에 관해서
아무 것도 할 수 없었기 때문에이 문제에 대한 해결책이 있습니까?
이 문제에 대한 여러 가지 해결책이 있습니다. 예제를 제공하지 않았으므로이 위젯을 동적으로 추가하고 제거 할 수 있다고 가정합니다 (페이지로드 후 언제든지 의미 있음). 이것을 가정 할 때 가능한 두 가지 해결책이 있습니다.
해결 방법 1 :
는 탭/스포일러 타입 용기 내부의 각각의 위젯을 만들 수 있으니, 최종 사용자가 시간에 그 시점에서 그들을 필요로하지 않는 경우가 작아
해결 방법 2 : 릭 칼더 언급
으로 사이드 바의 내용 높이, 스크롤 바보다 큰되고 그렇게되면, 당신은 또한 CSS 규칙 overflow-y: scroll;
을 사용할 수 있습니다 사용자가 위젯을 스크롤 할 수 있도록 표시됩니다.
귀하는 귀하의 개인적 취향에 따라 위의 솔루션을 함께 결합하여 많은 위젯을 사용할 수 있습니다.
도움이 되었기를 바랍니다.
참고 :
당신에게 스포일러의 많은 예를 제공합니다를 스포일러 자바 스크립트 HTML에 대한 간단한 검색.
고맙습니다. 스포일러는 좋은 생각입니다. – Pawan
오버플로 - y를 설정하여 사이드 바를 스크롤 하시겠습니까? –
@RickCalder 아 맞습니다. 나는 그것에 대해 생각해 보았다. 그러나 나는 당신이 나에게 말하게하는 것을 허락한다면 그것은 아주 보았다. 하지만 여전히 답변을 주셔서 감사합니다. – Pawan
그래, 내가 가장 동의하는 해결책은 아니다. =) –