Questions tagged [outerheight]
37 questions
1
vote
2 answers
Measuring height of an off page element
I'm Ajaxing in elements. I want to decide where to put them based on their height (think box-packing type algorithm).
When I loop through my elements as such, I always get 0 for the outerHeight:
posts.each(function(i, e) {
var elementHeight =…
George Duckett
- 31,770
- 9
- 95
- 162
0
votes
1 answer
Switch position from fixed to the very bottom to initial of a div when you reach its original position on scroll
Here's my problem:
That's an easy div in a quiet complex website. The bar is at the very bottom and it is right before a form.
Essentially, I'm trying to recreate an effect:
When the user will land on the very page, as soon as he scrolls to the…
Porcellino80
- 447
- 7
- 32
0
votes
0 answers
jquery outerheight() for mobile/tablet on chrome returns 0
I am trying to grab outerheight of a table data element, and I get the correct value on desktop, but mobile and tablet on chrome developer tools return 0.
JS:
var textRow = $('#table-data-row…
Johnny Cash
- 21
- 4
0
votes
1 answer
jquery .each with .outerHeight function affects all divs
I have multiple divs using the same html, with variable heights. I am trying to calculate the height of div .content, then use that value to set the height of the .sections div. Currently, this function is only affecting the last div of its type.…
website walrus
- 21
- 5
0
votes
1 answer
Make div height larger if the content overflows with jquery/javascript
I have two columns each with two overlapping divs. If you click the front div, it fades out and the back div appears.
Then the back div has to set it's height to auto if it has overflowing content and remain it's height when it doesn't. The wrapper…
Isoldhe
- 300
- 1
- 7
- 20
0
votes
0 answers
IE11 javascript window.outerWidth returns undefined
Google searching says window.outerWidth and window.outerHeight will return the outer dimensions of the current window. However, my HTA file opening in IE11 gives "undefined" for these properties. What am I doing wrong?
0
votes
2 answers
Using .outerWidth() & .outerHeight() with the 'resize' event to center a child element in parent
I am attempting to write some JavaScript code that will allow me to center a child element within it's parent using padding. Then using the same function to recalculate the spacing using the 'resize' event. Before you start asking me why i am not…
Frederick M. Rogers
- 841
- 4
- 14
- 37
0
votes
1 answer
jQuery outerHeight() & height change flicker/fail on window resize to odd pixels
I have two side-by-side elements on a page. One elements has a fixed size (100vh) – .hero-half – and the other is fluid with text of varying lengths – .project-details. When the fluid text container extends to be taller than the image container, I…
Benek Lisefski
- 159
- 1
- 3
- 13
0
votes
2 answers
Get height of element and use it in css
I have an div element on my page that contains a p element.
I'm trying to get the outer height of the p element, and then use that number to apply a margin to the parent element.
e.g if…
Here's some text
David Alsbright
- 1,526
- 1
- 17
- 31
0
votes
1 answer
Jquery outerheight change
Could someone tell me how could I create a function which would initate after outer height has changed?
$("#some_id").bind("outerHeight().change", function () {
do something
});
or
$("#someid").outerHeight().change(call some function);
Thank…
Novice
- 145
- 2
- 2
- 9
0
votes
1 answer
get .outerHeight of element if visible
Im woundering if its possible to get .outerHeight() of element only if its is visible
I currently have
var $viewItem = $('.test').find('.item');
var viewItemHeight = $viewItem.outerHeight(true);
The problem is $viewItem
Will return two elements…
Richy
- 117
- 2
- 12
0
votes
1 answer
height() not returning correct height on element
I am trying to fix overflowing floating content by adjusting the box height to the overflowed content height but it doesn't seem to be doing the trick.
if ( $('.content-right').outerHeight() >…
WASasquatch
- 611
- 2
- 8
- 23
0
votes
1 answer
Using javascript IF statements for side bar heights
I've got a site that comprises of three columns:
1 - #zeroey is the left navigation sidebar
2 - #primary is the main content
3 - #secondary is the right sidebar
The #zeroey nav sidebar needs to be 100% max height as it has a grey background.
Above…
JMD
- 174
- 14
0
votes
0 answers
incorrect outerHeight before refresh and on resize
[edited following your comments]
I'm seeking to dynamically assign a margin-top to a div (.main) which is below a fixed div (header) which dimensions varies depending on scroll positioning. This margin-top should be equal to the heigth of (header)…
Guillaume
- 217
- 1
- 2
- 11
0
votes
1 answer
jQuery outerHeight() returns 0 even with jQuery(window).load()
After i loaded content with ajax i wanna get the outerHeight of the loaded elements.
Ajaxload file:
$('#workshop').submit(function(event){
$.ajax({
url: URL,
type: 'POST',
data: $('#workshop').serialize(),
…
lhadameck
- 79
- 1
- 7