JS 요소의 높이 조정

아래의 코드 조각 높이를 조정하려고합니다. 현재 아래의 JS 코드에서 팝업이 나타나면 웹 사이트의 다른 요소에 의해 숨겨집니다. 따라서 아래 코드 요소의 높이를 높이기 위해 다른 요소보다 위에 올려야합니다.JS 요소의 높이 조정

코드는 현재 outpostmagazine.com에 있으며, 팝업이 공유 표시 줄 뒤에 있기 때문에 사람들이 제출을 클릭 할 수 없음을 알 수 있습니다. 사용자가이 http://cl.ly/TFqL

같이, 사이드 바의 화살표를 클릭하고 수직 만드는 경우 간격을해야하지만, CSS로 해당 요소 마진 - 하단을 조정

는

<!-- Qualaroo for outpostmagazine.com --> 
<!-- Paste this code right after the <body> tag on every page of your site. --> 
<script type="text/javascript"> 
    var _kiq = _kiq || []; 
    (function(){ 
    setTimeout(function(){ 
    var d = document, f = d.getElementsByTagName('script')[0], s = d.createElement('script'); s.type = 'text/javascript'; 
    s.async = true; s.src = '//s3.amazonaws.com/ki.js/51645/a-r.js'; f.parentNode.insertBefore(s, f); 
    }, 1); 
    })(); 
</script>

출처

2014-01-08 user3175043

, 좋은 옵션이 보인다 js 코드 바로 앞에 다음을 추가하십시오.

<style type="text/css"> 
    html div#ki_container { 
     margin-bottom: 35px; 
    } 
</style>

출처

2014-01-08 21:02:50

확인을, 그것이 내가이 삽입 하죠처럼 보이는 단계; _kiq.push ([ 'options', {bottom : 20}]); 하지만 삽입 할 위치를 모르겠습니다. – user3175043

옵션이 아닌 CSS에 직접 추가해야합니다. 다시 사이트를 살펴보고 곧 다시 연락 드리겠습니다. –

수정 된 답변 확인 –

나는 그것이 js 질문이 아닌 것 같아요. CSS 질문입니다. 크롬으로 내 페이지를 검사했습니다.

단순히 그냥 DIV 번호의 ki_container에 대한 귀하의 CSS는이 속성을 추가

html div#ki_container { 
margin-bottom: 40px; 
(...) 
}

를이 도구 모음의 CSS에 액세스 할 수있는 경우 (당신이 Qualaroo을 경우) 직접이 추가. 그렇지 않으면 자신의 CSS 파일에서 무시할 수 있습니다. 문제를 해결하고 다른 공유 버튼 위에 컨테이너를 표시하면 "보내기"버튼을 클릭 할 수 있습니다.

출처

2014-01-08 21:11:12

좋아, 그럼 내가 삽입 해야하는 것 같습니다 : _kiq.push ([ 'options', {bottom : 20}]); 하지만 삽입 할 위치가 확실하지 않습니다. 삽입 위치를 알려주세요. – user3175043

js 함수 또는 CSS 섹션을 사용하여 마진 맨 아래 값을 설정하여 두 대답을 모두 확인하십시오. –

어느 쪽도 작동하지 않는 것 같습니까? – user3175043

좋아, 스크립트에이 섹션을 추가 :이 같은

(function addMarginBottom() { 
    var container = document.getElementById('ki_container'); 
    container.style.marginBottom = '40px'; 
})();

뭔가 :

<!-- Qualaroo for outpostmagazine.com --> 
<!-- Paste this code right after the <body> tag on every page of your site. --> 
<script type="text/javascript"> 
    var _kiq = _kiq || []; 
    (function(){ 
    setTimeout(function(){ 
    var d = document, f = d.getElementsByTagName('script')[0], s = d.createElement('script'); s.type = 'text/javascript'; 
s.async = true; s.src = '//s3.amazonaws.com/ki.js/51645/a-r.js'; f.parentNode.insertBefore(s, f); 
    }, 1); 
})(); 



(function addMarginBottom() { 
    var container = document.getElementById('ki_container'); 
    container.style.marginBottom = '40px'; 
})(); 

</script>

출처

2014-01-08 21:41:26

고맙습니다. 위의 수정을 시도했는데 작동하지 않는 것 같습니다. – user3175043

Qualaroo에 해당 CSS 속성 값을 추가하도록 요청하십시오. html div # ki_container { margin-bottom : 40px;} –

처음 코드를 제공 한 무료 서비스이므로 실제로 대답 할 수는 없습니다. 대답은 삽입 할 때 대답이 _kiq라고 나와 있습니다. 푸시 ([ 'options', {bottom : 20}]); 코드에 삽입 할 수 있지만 초기 코드의 어떤 지점에 삽입할지 생각할 수 없습니다. – user3175043

JS 요소의 높이 조정

답변

관련 문제