Tag: css

当粘性标题的位置更改为固定时，无法滚动到页面底部: 我有一个页面，菜单距离顶部一定距离。当菜单到达顶部时滚动窗口我将标题位置更改为固定 .f-nav{ z-index: 999; position: fixed; top: 0; width: 100%;} $(document).ready(function(){ var top = $(‘.sticky’).offset().top; $(window).scroll(function () { if ($(this).scrollTop() >= top) { $(‘.sticky’).addClass(“f-nav”); } else { $(‘.sticky’).removeClass(“f-nav”); } }); 但是在某些页面中，当我们向下滚动并且菜单到达顶部时，页面会再次自动向上滚动。所以我无法进入页面底部。我根本不理解这个问题。

检测不透明度何时更改: 有没有一种方法在jquery或javascript中检测元素的不透明度何时发生变化然后启动一个函数来添加新的效果，例如，如果你有一个页面，其中自动事件发生就像一个元素消失然后你想要启动别的东西时那事发生了。你会怎么做？它有点像幻灯片放映。这是我到目前为止的演示： http://jsfiddle.net/Hive7/n57Zy/ 比我想要的最后一个元素不透明度更改然后再次启动循环提前致谢

Div不会自动计算高度: 我有一个包含2个元素的div。第一个元素是span ，第二个元素是input ，如： FirstName container div的width设置为300px ，我希望它会根据孩子的身高自动计算它的高度。这里计算它的高度，但不包括input元素高度。这里发生了什么？编辑我的容器position : absolute因为某些原因我无法设置overflow : hidden

在DIV中水平滚动项目而不是垂直滚动？: 有没有人知道浮动元素的有效方法，以便它们在容器中水平滚动而与垂直方向相反？例如，假设我有这样的布局： something something something something something 据我所知，如果我给“容器”一个定义的高度和宽度，所有“项目”都可以浮动，以便“容器”将水平滚动。但是，如果我不知道会有多少“项目”呢？如果我不知道物品的数量，那么我不知道容器应该多宽…… 有什么想法或建议吗？仅CSS的建议是理想的，但我不反对使用jQuery插件，如果有人有任何建议。

单击页面上其他位置时折叠移动标题: 我正在使用一个非常基本的标题（我最终希望它在打开和折叠时动画，并让汉堡包菜单为关闭图标设置动画）。标题是响应式的，用户可以在点击关闭图标时将其折叠。如果点击标题以外的其他位置，我怎么能让它崩溃：到目前为止，这是我正在使用的内容。 body, html { max-width: 100%; padding: 0vw; margin: 0vw; } .header { background-color: #ffffff; position: fixed; top: 0%; left: 0%; right: 0%; height: 10vh; z-index: 1; border-bottom: solid; display: flex; justify-content: space-between; } .headerfill { height: 10vh; border: none; } .header-container { width: 100%; height: auto; display: flex; flex-flow: row nowrap; […]

选择项目后自定义jQuery selectmenu下拉按钮？: 我正在寻找颜色的下拉列表，每种颜色都作为项目旁边的小方块。有：想（大致）：这个版本（jsfiddle）适用于下拉项目本身，但我希望按钮也更新为旁边有彩色方块。 $.widget(“custom.coloriconselectmenu”, $.ui.selectmenu, { _renderItem: function (ul, item) { var li = $(“”, {text: item.label}); var bgColorStyle = ‘background-color:’ + item.element.attr(“data-color”); var fullStyle = “float: left; width: 21px; height: 19px; margin-right: 7px;” + bgColorStyle; $(“”, {style: fullStyle}).appendTo(li); return li.appendTo(ul); } }); $(“#selectId”).coloriconselectmenu({icons: {button: “custom-button”}}); 是否有一种很好的方法可以修改值更新中的下拉按钮，以包含下拉列表中的颜色方块？

jQuery fadeIn不在firefox上工作: 我的body标签设置为display:none ，而在document.ready中，我执行$(‘body’).fadeIn(1000); 。它适用于Chrome但在FF上页面保持display:none 。我的网站在这里

jQuery Mobile CSS没有样式化JS插入HTML: 我正在使用Backbone.js和jQuery Mobile制作移动网络应用程序，但我遇到了一些样式问题。只是为了测试一下我想要设置我的Logout按钮。在造型之前，我有： this.$el.append(”); 在我的代码的某一点，一直工作正常。我将此行更改为： this.$el.append(‘ LOGOUT ‘); 但是，当我这样做时，它只显示“LOGOUT”作为没有应用CSS的普通链接。我尝试将相同的代码放在我的HTML文件的正文中，而不是使用JS插入它，并且它的样式正确。在所有其他文件和我的JS代码包含在绑定到$(document).ready()的函数中之前，我将CSS文件加载到文档的头部，所以我不确定为什么CSS不能正常工作。我错过了概念性的东西吗？我怎样才能解决这个问题？

如何计算其父元素第一行的元素数量: 我的问题是，有没有一种方法可能在JavaScript中我可以确定多少个子元素将适合父元素的第一行？然后，我会将其乘以固定数量的行，并一次查询多少行。为了更好地理解发生了什么，如果我查询20个项目并且页面大小使得每行可以容纳6个元素，那么我将在最后一行留下两个空格。我想查询足够的，以便最后一行没有空单元格。该页面位于： http ： //www.spacerock.com/dvds.php 我正在试图找出一种动态地执行此操作的极端方法，并按页面大小按下数字。

Jasny Bootstrap改变了: 我正在寻找我的管理模板的侧边栏，我想使用jasnybootstrap。我的目标是调整内容的大小，不要翻译出屏幕。类似的效果是http://startbootstrap.com/template-overviews/simple-sidebar/ 我希望有人可以告诉我是否有可能获得这样的结果。 Brand Home Link Link Jasny Bootstrap starter template Use this fiddle to demonstrate an issue with Jasny Bootstrap or to show an example using Jasny Bootstrap. http://jsfiddle.net/k9K5d/13/ 提前致谢