English 中文(简体)
Jquery / CSS - 使集装箱元素在使用滑坡时保持同样的高度;
原标题:Jquery / CSS - Make the container element keep the same height when using slideUp();

我很想知道,是否有办法使母集装箱在使用滑坡时保持同样的高度; 其原因是,我是幻灯片,然后用新数据lide倒滑坡,但当滑坡时,浏览器窗 window升至顶。 从一开始,它就变得相当不舒服,特别是在低分决议上。

最佳回答

你们只能 gr住父母的身高,并把它固定下来。

http://jsfiddle.net/wEGk5/

$(document).ready(function() {

    $( input#slideup ).click(function() {
        //Fix the current height of the parent container
        $( div.parent ).css({  height  : ($( div.parent ).height())});
        //Slide up and add new content to the div
        $( div#slider ).slideUp( slow , function() {
            $( div#slider ).html("New content!<br />New content!");
        });

        //Slide down again and watch how the parent container didn t move!
        $( div#slider ).slideDown();
    });

});
问题回答

You can set the parent s height in css anytime before hiding the child element: EDIT: just set the height directly with jQuery:

var parent = $( #parent );
parent.height(parent.height());




相关问题
CSS working only in Firefox

I am trying to create a search text-field like on the Apple website. The HTML looks like this: <div class="frm-search"> <div> <input class="btn" type="image" src="http://www....

jquery ui dialog opens only once

I have a button that opens a dialog when clicked. The dialog displays a div that was hidden After I close the dialog by clicking the X icon, the dialog can t be opened again.

Drop down background url in Safari Issue

selectBox.selectCSS { background: url(/Images/replacementSelectBackground.png) top left no-repeat height:auto; } I have an issue in Safari only where the image is not rendering on top ...

CSS specific for Safari

How do you target specifically safari in css with styles?

Aligning textarea in a form

Ive used the following css code to align my form elements: form { position:relative; } form input { position:absolute; left:11em; } However, the textarea element is not aligned correctly with the ...

Firefox background image horizontal centering oddity

I am building some basic HTML code for a CMS. One of the page-related options in the CMS is "background image" and "stretch page width / height to background image width / height." so that with large ...

CSS problem with page footer

I have defined my page footer in the css file as: #footer { position: absolute; height: 50px; text-align: center; background: #66CCCC; bottom: 0px; left: 0px; width: 100%; height: ...

热门标签