首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >边杆高度的动态计算

边杆高度的动态计算
EN

Stack Overflow用户
提问于 2013-12-13 01:27:37
回答 2查看 1.7K关注 0票数 0

我正在试图为一个固定的div算法,这个div在高度上会增长(滚动时),直到它与视口div的高度相等,相对于另一个div

我用的是我的副码(黄色),而我的小条(黑色)则是在给我打电话的时候,给我打电话的时候。

作为次要用户卷轴,准标准条形应在较高的高度上生长,以使其保持30 左右,保持在较高的高度下,如下图所示,它将保持在附属二级导航条下的30 左右,并保持在较高的约度下30 。

在主要的条形码都是固定的位置后,我会很好的做一些我需要做的事情。

代码语言:javascript
运行
复制
.sidebar { 
position:fixed;
top:100px;  
bottom:30px;
left:30px;
}

我想不出的是,在我的二次导航条和我的辅助导航条的基础上,我不能把更好的、更好的、更高的、更好的、更好的方法。我试着再试着再试着计算出更好的、更好的、更接近的高度,但是这也是造成问题的原因。

我也试过计算转接器的自动转接器的最终转接器,让自动转帐机的边栏上的自动转接器的底端运行(当它处于初始位置时),但是如果在正确的侧面没有足够的自动转接器内容来保证滚动,我就没有办法在滚动的情况下得到更多的自动转接器。我没有办法在滚动条中找到自动转接的自动转接器。再加上我的屏幕上的自动恢复系统我的屏幕启动了。

下面是当前使用的代码:

代码语言:javascript
运行
复制
ShelvesSideBar.prototype._resize_sidebar = function(_this) {
    var PADDING = 50;
    var window_height = $(window).height(),
        nav_bar_height = $('.nav_bar').height() + $('.secondary_tabs').height(),
        sidebar_height = window_height - nav_bar_height - PADDING,
        sidebar_scrollable_height = sidebar_height - $('.bar_top').height();

    _this.$container.height(sidebar_height);
    _this.$container.find('.bar_bottom').height(sidebar_scrollable_height);

    /* reset the nanoscroller */
    _this.$container.nanoScroller();
};

此代码在页面加载时被调用,并再次在窗口调整大小时调用。任何帮助都将不胜感激!

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-12-15 23:32:34

所以我想出了办法,对任何还在寻找的人来说。我最后所做的是绑定到窗口滚动事件,并且--每当滚动发生时--我检查类“词缀”是否已经添加到侧栏中。如果有,则执行一组计算来确定侧边栏的高度。否则,我将执行另一组计算。代码如下:

代码语言:javascript
运行
复制
/* called on window scroll */
var PADDING = 70;

var window_height = $(window).height(),
    nav_bar_height = $('.nav_bar').height() + $('.secondary_tabs').height(),
    header_height = $('.prof_block').height() - nav_bar_height,
    sidebar_height = _this.$container.hasClass("affix") ? window_height - nav_bar_height - PADDING : window_height - (header_height + nav_bar_height) - PADDING,
    sidebar_scrollable_height = sidebar_height - $('.bar_top').height();

_this.$container.height(sidebar_height);
_this.$container.find('.bar_bottom').height(sidebar_scrollable_height);
票数 0
EN

Stack Overflow用户

发布于 2013-12-13 02:05:51

我一直在尝试做一些类似的事情(除去固定元素和导航栏)。我所发现的是,为了实现任何相对高度,缩放我希望一直缩放到开头的html标记的元素之上的每个元素都必须有一个相对高度集,即使它只是height:100%;。(这是我最初的问题Variable height, scrollable div, contents floating)

我的目标是将身体高度固定到窗口大小,就像本机全屏应用程序在我的内容子区域滚动时那样,所以这与您想要完成的任务有一点不同。但是,我尝试使用JS/JQ作为开始,就像您当前试图做的那样,发现我根本无法获得窗口高度,因为高度管理的默认行为是扩展页面高度,直到页面上的所有内容都符合为止。我尝试过的所有getHeight方法--我们得到的是页面高度,而不是承诺的窗口/视口高度。因此,您可能希望尝试将您的身体高度固定到窗口,然后使用overflow:scroll;滚动页面。

如果您的用户使用overflow:scroll; IE (可能还有其他版本的IE),那么最好实现FTscroller来处理所有滚动元素,因为溢出属性默认为隐藏的,是一个固定的浏览器属性。FTscroller的唯一问题是,它使用CSS偏移来移动内容容器,当元素从页面顶部达到x高度时,可能会对这些元素造成严重破坏,因为从技术上讲,页面顶部(或者更确切地说是位于页面顶部的容器的顶部)不再位于页面顶部,而是超出了页面顶部。如果你真的需要满足这个浏览器的需求,那就需要注意了。

为我的句子结构的复杂性道歉。:/

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/20557552

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档