Skip to main content
adicionou 71 caracteres ao conteúdo
Fonte Link
Diego Henrique
  • 2,9mil
  • 5
  • 22
  • 56

Resolvido!!!Resolvido!!! - variável tam dentro de style.height

// Vamos criar a segunda Div, no qual ficará sobreposta a primeira Div
var sobrepor = document.createElement('div');
        sobrepor.setAttribute('id', 'escala');
document.getElementById('teste').appendChild(sobrepor);

// Agora temos de capturar a profundidade do Scroll da primeira Div
// Para aplicarmos, a mesma profundidade dinâmica na segunda Div
var obj = document.getElementById('teste');
var tam = obj.scrollHeight;
    obj.scrollTop = tam;
document.getElementById('escala').style.height = tam + 'px';
#escala {
    position : absolute;
    top : 0; 
    left : 0;
    width : 50%;
    margin: 0 25% auto;
    background : steelblue; 
    z-Index : 1; 
    opacity : 0.1;
}

#teste {
    position : relative;
    width : 400px; 
    height : 200px; 
    margin : 0 auto;
    border : thin solid green; 
    overflow : auto; 
}

#profundidade {
    height : 800px;
}
<div id='teste'>
    <p id='profundidade'></p>
</div> 

DetalheSolução

Basta setar a variável tam dentro de style.height

document.getElementById('escala').style.height = tam + 'px';

Resolvido!!!

// Vamos criar a segunda Div, no qual ficará sobreposta a primeira
var sobrepor = document.createElement('div');
        sobrepor.setAttribute('id','escala');
document.getElementById('teste').appendChild(sobrepor);

// Agora temos de capturar a profundidade do Scroll da primeira Div
var obj = document.getElementById('teste');
var tam = obj.scrollHeight;
    obj.scrollTop = tam;
document.getElementById('escala').style.height = tam + 'px';
#escala {
    position : absolute;
    top : 0; 
    left : 0;
    width : 50%;
    margin: 0 25% auto;
    background : steelblue; 
    z-Index : 1; 
    opacity : 0.1;
}

#teste {
    position : relative;
    width : 400px; 
    height : 200px; 
    margin : 0 auto;
    border : thin solid green; 
    overflow : auto; 
}

#profundidade {
    height : 800px;
}
<div id='teste'>
    <p id='profundidade'></p>
</div> 

Detalhe

Basta setar a variável tam dentro de style.height

document.getElementById('escala').style.height = tam + 'px';

Resolvido!!! - variável tam dentro de style.height

// Vamos criar a segunda Div, no qual ficará sobreposta a primeira Div
var sobrepor = document.createElement('div');
sobrepor.setAttribute('id', 'escala');
document.getElementById('teste').appendChild(sobrepor);

// Agora temos de capturar a profundidade do Scroll da primeira Div
// Para aplicarmos, a mesma profundidade dinâmica na segunda Div
var obj = document.getElementById('teste');
var tam = obj.scrollHeight;
obj.scrollTop = tam;
document.getElementById('escala').style.height = tam + 'px';
#escala {
    position : absolute;
    top : 0; 
    left : 0;
    width : 50%;
    margin: 0 25% auto;
    background : steelblue; 
    z-Index : 1; 
    opacity : 0.1;
}

#teste {
    position : relative;
    width : 400px; 
    height : 200px; 
    margin : 0 auto;
    border : thin solid green; 
    overflow : auto; 
}

#profundidade {
    height : 800px;
}
<div id='teste'>
    <p id='profundidade'></p>
</div> 

Solução

document.getElementById('escala').style.height = tam + 'px';

removeu 34 caracteres do conteúdo
Fonte Link
Diego Henrique
  • 2,9mil
  • 5
  • 22
  • 56

Resolvido!!!

// Vamos criar a segunda Div, no qual ficará sobreposta a primeira
var sobrepor = document.createElement('div');
        sobrepor.setAttribute('id','escala');
document.getElementById('teste').appendChild(sobrepor);

// Agora temos de capturar a profundidade do Scroll da primeira Div
var obj = document.getElementById('teste');
var tam = obj.scrollHeight;
    obj.scrollTop = tam;
document.getElementById('escala').style.height = tam + 'px';
#escala {
    position : absolute;
    top : 0; 
    left : 0;
    width : 50%;
    margin: 0 25% auto;
    background : steelblue; 
    z-Index : 1; 
    opacity : 0.1;
}

#teste {
    position : relative;
    width : 400px; 
    height : 200px; 
    margin : 0 auto;
    background : royalblue; 
    border : thin solid green; 
    overflow : auto; 
}

#profundidade {
    height : 800px;
}
<div id='teste'>
    <p id='profundidade'></p>
</div> 

Detalhe

Basta setar a variável tam dentro de style.height

document.getElementById('escala').style.height = tam + 'px';

Resolvido!!!

// Vamos criar a segunda Div, no qual ficará sobreposta a primeira
var sobrepor = document.createElement('div');
        sobrepor.setAttribute('id','escala');
document.getElementById('teste').appendChild(sobrepor);

// Agora temos de capturar a profundidade do Scroll da primeira Div
var obj = document.getElementById('teste');
var tam = obj.scrollHeight;
    obj.scrollTop = tam;
document.getElementById('escala').style.height = tam + 'px';
#escala {
    position : absolute;
    top : 0; 
    left : 0;
    width : 50%;
    margin: 0 25% auto;
    background : steelblue; 
    z-Index : 1; 
    opacity : 0.1;
}

#teste {
    position : relative;
    width : 400px; 
    height : 200px; 
    margin : 0 auto;
    background : royalblue; 
    border : thin solid green; 
    overflow : auto; 
}

#profundidade {
    height : 800px;
}
<div id='teste'>
    <p id='profundidade'></p>
</div> 

Detalhe

Basta setar a variável tam dentro de style.height

document.getElementById('escala').style.height = tam + 'px';

Resolvido!!!

// Vamos criar a segunda Div, no qual ficará sobreposta a primeira
var sobrepor = document.createElement('div');
        sobrepor.setAttribute('id','escala');
document.getElementById('teste').appendChild(sobrepor);

// Agora temos de capturar a profundidade do Scroll da primeira Div
var obj = document.getElementById('teste');
var tam = obj.scrollHeight;
    obj.scrollTop = tam;
document.getElementById('escala').style.height = tam + 'px';
#escala {
    position : absolute;
    top : 0; 
    left : 0;
    width : 50%;
    margin: 0 25% auto;
    background : steelblue; 
    z-Index : 1; 
    opacity : 0.1;
}

#teste {
    position : relative;
    width : 400px; 
    height : 200px; 
    margin : 0 auto;
    border : thin solid green; 
    overflow : auto; 
}

#profundidade {
    height : 800px;
}
<div id='teste'>
    <p id='profundidade'></p>
</div> 

Detalhe

Basta setar a variável tam dentro de style.height

document.getElementById('escala').style.height = tam + 'px';

Fonte Link
Diego Henrique
  • 2,9mil
  • 5
  • 22
  • 56

Resolvido!!!

// Vamos criar a segunda Div, no qual ficará sobreposta a primeira
var sobrepor = document.createElement('div');
        sobrepor.setAttribute('id','escala');
document.getElementById('teste').appendChild(sobrepor);

// Agora temos de capturar a profundidade do Scroll da primeira Div
var obj = document.getElementById('teste');
var tam = obj.scrollHeight;
    obj.scrollTop = tam;
document.getElementById('escala').style.height = tam + 'px';
#escala {
    position : absolute;
    top : 0; 
    left : 0;
    width : 50%;
    margin: 0 25% auto;
    background : steelblue; 
    z-Index : 1; 
    opacity : 0.1;
}

#teste {
    position : relative;
    width : 400px; 
    height : 200px; 
    margin : 0 auto;
    background : royalblue; 
    border : thin solid green; 
    overflow : auto; 
}

#profundidade {
    height : 800px;
}
<div id='teste'>
    <p id='profundidade'></p>
</div> 

Detalhe

Basta setar a variável tam dentro de style.height

document.getElementById('escala').style.height = tam + 'px';