현대제철 팝업 관련하여 문의 드립니다.

[kimkyungtae]

화면을 갤럭시 tab 으로 화면을 보게 되면 팝업에서 목록을 보여주는 부분이 더보기가 사라지고 스크롤로 변경이 되었는데 css가 고정값으로 되어있는지 목록을 전체 다 보여줘서 스크롤로 내려야되는데 보시는 것과 같이 목록이 4개만 보여지게 되어 css 부분을 수정하여야 될꺼 같습니다. U_EQ_10200.html(설비유형 클릭시 보여지는 팝업부분) -> 더보기 버튼이 사라지고 스크롤로 바뀌었습니다.

[gitaeks]

아래 마크업을 참조해 주세요. apps.css 갱신해 주세요.

• 데모 : https://kimsq.github.io/hd-steel/em/U_EQ_10100_POP2.html
• 소스코드 : https://github.com/kimsQ/hd-steel/blob/gh-pages/em/U_EQ_10100_POP2.html

<div class="content-scroll" id="myInfiniteScroll1"> 이 부분을 보시면 됩니다.

    <!-- modal 시작 -->
    <div id="U_EQ_10100_POP1" class="modal">
        <header class="bar bar-nav bar-light bg-white">
            <a class="icon icon-close pull-right" data-history="back" role="button"></a>
            <h1 class="title">설비유형</h1>
        </header>

        <div class="content">
          <div class="content-scroll" id="myInfiniteScroll1">

[gitaeks]

@kimkyungtae 님, 모달에서 검색 시에,
검색박스는 고정시켜야 할 것 같아 아래와 같이 마크업 구조 변경했습니다.

검색폼과 결과정보를 bar-standard 로 처리하여 검색결과를 스크롤 할 경우에도 상단에 고정될 수 있도록 했습니다.

• 마크업 구조변경
• apps.css 갱신

데모 : https://kimsq.github.io/hd-steel/em/U_EQ_10100_POP2.html 소스코드 : https://github.com/kimsQ/hd-steel/blob/gh-pages/em/U_EQ_10100_POP2.html

[gitaeks]

검색폼 input type을 아래와 같이 변경했습니다. 타입변경과 함께 app.css 도 갱신해 주세요. 변경전 <input type="text" class="form-control" placeholder="">

변경 후 <input type="search" class="form-control" placeholder="">

.content-scroll 를 지우고 한번 해보시겠어요

[gitaeks]

아래를 참고하여 수정해 주세요. 붉은 영역이 삭제된 부분이고 녹색부분이 추가된 부분 입니다. https://github.com/kimsQ/hd-steel/commit/5ae0b83c9952a5e8c9a4f42ac22f94e7460b532a

[kimkyungtae]

수정하였는데 달라진게 없는것 같습니다.

[kimkyungtae]

.content-scroll 을 넣어주니까 빨강색으로 나온부분에도 리스트가 보여야 되는데 안보여지는것을 확인해 주셨으면 합니다.

[gitaeks]

아래의 붉은 영역이 적용이 안되고 있다는 이야기 인데요. 작업하신 환경을 붉은 영역에 적용된 css를 확인 해볼 수 있을까요 ?

[gitaeks]

아래와 같이 .content 에 적용된 css도 캡쳐하여 올려주세요. 2가지를 확인해 보면. 다르게 나오는 원일을 추적할 수 있을 것 같습니다.

[kimkyungtae]

[gitaeks]

원인은 .content 가 잘못되어 있네요. 호환성 이슈는 아닌것 같구요.. 작업하시는 파일을 zip 으로 묶어서 올려주실 수 있나요 ?

[kimkyungtae]

작업하는 파일을 올려달라는 말씀은 어떤걸 말씀하시는건지 이해가 안됩니다 . 저희가 여기서 소스를 보내드리고 이런부분은 제한이 되어있어서 지금 스샷올리는것도 말씀을 드리고 보내드리는거여서 html을 보내달라는 말씀이신건가요?

[gitaeks]

퍼블리싱 자체가 잘못된 이슈는 아닌것 같구요. 일단, 마크업 적용이 잘못된 것으로 추측됩니다. apps.css , rc.css 두개를 갱신해주시구요..

저희가 작업한 마크업을 다시 한번 천천히 비교해 보세요.

[gitaeks]

팝업(모달) 상황에서만 발생한 것 이죠 ? 원인을 하나하나 추적해 봐야 할 것 같은데요..
예제를 작성해서 첨부했습니다. 첨부한 파일이 제대로 되는지 확인해 주세요.

U_EQ_10100_POP2.zip

[gitaeks]

첨부화일을 크롬에서 여신후, 전화 부탁 합니다. (010-9070-0733)

[gitaeks]

http://rc.kimsq.com/packages/contacts/

[kimkyungtae]

보안상의 문제로 보내드릴수가 없을꺼 같습니다. 일단 이 문제는 남겨두고 차후에 보안해결이 되면 말씀드리겠습니다.