반응형 개발/html&UI5 a태그나 버튼클릭시 화면이 위로 올라가는 현상 내용이 많은 화면의 중간쯤에 a태그를 클릭하면 새창이 뜨는 기능을 만들어놨는데 누르기만 하면 현재 화면이 유지가 안되고 최상단으로 올라가버리는 현상이 있었습니다. a태그를 다른 화면으로 이동하는 기능으로 사용하지 않아서 href 부분을 href="#" 로 처리해놨었는데 이 부분이 문제였습니다. 원래 사용하고 있던 a태그 내용 테스트 위의 내용을 href="#" 를 href="#a" 로 바꿔주었습니다. 이렇게 바꾸면 클릭시 새창이 떠도 원래 화면이 그대로 유지되고 상단으로 올리가지 않습니다. 테스트 2022. 8. 24. img 태그의 이미지가 캐시로 인해 변경되지 않을때 새로 업로드한 이미지가 캐시로 인해 변경되지 않을때 웹 브라우져가 첫 방문했을때 저장한 캐시인해 서버에 새로 업로드한 이미지가 변경되지 않고 기존이미지가 계속 보이는 현상이 있습니다. 특별히 많이 쓰이는 이미지도 아니기에 html cache 를 건드리기도 뭐해서 아래처럼 바꿔봤습니다. 뒤에 임의의 숫자를 넣어주면 기존 캐시를 사용안하기 때문에 브라우져에 즉시 반영 됩니다. 기존코드 변경된 코드 2022. 6. 13. html, css, 자바스크립트를 테스트 해볼 수 있는 사이트 jsfiddle 따로 테스트 페이지를 만들어 실행하는게 귀찮거나 이미 만들어진 페이지를 링크로 저장 할 수 있는 사이트 https://jsfiddle.net/ JSFiddle - Code Playground jsfiddle.net 2022. 1. 25. html 페이지 장수 나눠서 출력하기 html 페이지 내용을 만들어 출력하면 중간에 끊지 못하고 쭉 연결되며 출력되는데 CSS의 paga-break-before 를 사용하면 각각의 페이지로 나눠서 출력이 가능하다 각종 매입매출 자료나 인수증등을 출력하는 페이지를 만들때 사용하면 유용하다 jsfiddle 로 만들어본 예제 https://jsfiddle.net/tsmkqzd1/8/ Edit fiddle - JSFiddle - Code Playground jsfiddle.net 2022. 1. 24. 이전 1 2 다음 728x90
