Skip to main content
replaced http://pt.stackoverflow.com/ with https://pt.stackoverflow.com/
Fonte Link

Utilizei este link como referencia para criação do meu Modal: Abrir Múltiplas Modais BootstrapAbrir Múltiplas Modais Bootstrap.

Após abrir um modal e clicar fora da caixa modal, quando retornamos para pagina, é aberto um estilo automatico de padding-right:17px, e a cada modal aberto ele valor é somado com mais 17px, resultado, a pagina vai encolhendo para esquerda por conta dos padding.

Utilizei o f12 para verificar oq se passa, 1º print tirada na index, sem abrir modal: inserir a descrição da imagem aqui

2º print tirado com modal aberto: inserir a descrição da imagem aqui

Fiz uma varredura atrás de algum padding-right tanto na index, como na singles que é de onde vem os dados para o modal, não foi encontrado nenhum padding.

{var a=parseInt(this.$body.css("padding-right")||0,10);this.originalBodyPad=document.body.style.paddingRight||"",this.bodyIsOverflowing&&this.$body.css("padding-right",a+this.scrollbarWidth)},c.prototype.resetScrollbar=function(){this.$body.css("padding-right",this.originalBodyPad)}

Como podem ver na print, o elemento {} esta informando que vem do inline, oque seria isto?

Detalhe: Se eu clicar em um link dentro do Modal, ele não cria o padding. O padding ocorre somente quando eu clico fora do modal e ele o fecha.

Utilizei este link como referencia para criação do meu Modal: Abrir Múltiplas Modais Bootstrap.

Após abrir um modal e clicar fora da caixa modal, quando retornamos para pagina, é aberto um estilo automatico de padding-right:17px, e a cada modal aberto ele valor é somado com mais 17px, resultado, a pagina vai encolhendo para esquerda por conta dos padding.

Utilizei o f12 para verificar oq se passa, 1º print tirada na index, sem abrir modal: inserir a descrição da imagem aqui

2º print tirado com modal aberto: inserir a descrição da imagem aqui

Fiz uma varredura atrás de algum padding-right tanto na index, como na singles que é de onde vem os dados para o modal, não foi encontrado nenhum padding.

{var a=parseInt(this.$body.css("padding-right")||0,10);this.originalBodyPad=document.body.style.paddingRight||"",this.bodyIsOverflowing&&this.$body.css("padding-right",a+this.scrollbarWidth)},c.prototype.resetScrollbar=function(){this.$body.css("padding-right",this.originalBodyPad)}

Como podem ver na print, o elemento {} esta informando que vem do inline, oque seria isto?

Detalhe: Se eu clicar em um link dentro do Modal, ele não cria o padding. O padding ocorre somente quando eu clico fora do modal e ele o fecha.

Utilizei este link como referencia para criação do meu Modal: Abrir Múltiplas Modais Bootstrap.

Após abrir um modal e clicar fora da caixa modal, quando retornamos para pagina, é aberto um estilo automatico de padding-right:17px, e a cada modal aberto ele valor é somado com mais 17px, resultado, a pagina vai encolhendo para esquerda por conta dos padding.

Utilizei o f12 para verificar oq se passa, 1º print tirada na index, sem abrir modal: inserir a descrição da imagem aqui

2º print tirado com modal aberto: inserir a descrição da imagem aqui

Fiz uma varredura atrás de algum padding-right tanto na index, como na singles que é de onde vem os dados para o modal, não foi encontrado nenhum padding.

{var a=parseInt(this.$body.css("padding-right")||0,10);this.originalBodyPad=document.body.style.paddingRight||"",this.bodyIsOverflowing&&this.$body.css("padding-right",a+this.scrollbarWidth)},c.prototype.resetScrollbar=function(){this.$body.css("padding-right",this.originalBodyPad)}

Como podem ver na print, o elemento {} esta informando que vem do inline, oque seria isto?

Detalhe: Se eu clicar em um link dentro do Modal, ele não cria o padding. O padding ocorre somente quando eu clico fora do modal e ele o fecha.

Fonte Link

multiplo modal > Bootstrap/JS/PHP

Utilizei este link como referencia para criação do meu Modal: Abrir Múltiplas Modais Bootstrap.

Após abrir um modal e clicar fora da caixa modal, quando retornamos para pagina, é aberto um estilo automatico de padding-right:17px, e a cada modal aberto ele valor é somado com mais 17px, resultado, a pagina vai encolhendo para esquerda por conta dos padding.

Utilizei o f12 para verificar oq se passa, 1º print tirada na index, sem abrir modal: inserir a descrição da imagem aqui

2º print tirado com modal aberto: inserir a descrição da imagem aqui

Fiz uma varredura atrás de algum padding-right tanto na index, como na singles que é de onde vem os dados para o modal, não foi encontrado nenhum padding.

{var a=parseInt(this.$body.css("padding-right")||0,10);this.originalBodyPad=document.body.style.paddingRight||"",this.bodyIsOverflowing&&this.$body.css("padding-right",a+this.scrollbarWidth)},c.prototype.resetScrollbar=function(){this.$body.css("padding-right",this.originalBodyPad)}

Como podem ver na print, o elemento {} esta informando que vem do inline, oque seria isto?

Detalhe: Se eu clicar em um link dentro do Modal, ele não cria o padding. O padding ocorre somente quando eu clico fora do modal e ele o fecha.