Tag: 修复

jQuery：如何通过将高度添加到元素顶部来设置更高的高度？

我有一个简单的问题，但我不知道如何解决它。 基本上我有一些隐藏的内容，一旦扩展，需要99px的高度。 折叠时，持有它的section#newsletter #newletter将高度设置为65px。 现场示例： http ： //dev.supply.net.nz/asap-finance-static/ 点击a#signup_form ， section#newsletter将使用以下jQuery扩展为99px： $(‘#newsletter_form’).hide(); // hide the initial form fields $(‘#form_signup’).click(function(event) { event.preventDefault(); // stop click // animate $(‘section#newsletter’).animate({height: 99}, 400, function() { $(‘#newsletter_form’).show(300); }) }); 所有这一切都很有效，除了这个元素位于粘性页脚中，因此它的初始高度用于定位它。 动画此元素的高度会导致浏览器上的滚动条，因为添加的34px会添加到元素的底部，所以我的问题是： 如何将这些34px添​​加到元素的顶部，以便高度向上扩展到身体而不是向下？ 感谢您的阅读，我期待着您的帮助和建议。 Jannis

当滚动浏览页面上的某些点时，如何淡入/淡出div？

当用户滚动到页面中的某个点时，你会如何淡化/输出彼此重叠的div？ 我有一个固定的按钮，当用户到达页面上的6个不同点时我想要更改。 换句话说，我可以从页面中不同点的同一个按钮链接到6个不同的东西，从顶部开始说1000px，然后是2000px，依此类推。 每个按钮都有不同的单词，所以我只想让每个按钮在滚动后达到正确的px数时在下一个按钮后淡入。 HTML button one button two button three CSS .buttonOne, .buttonTwo, .buttonThree { position: fixed; margin-top: 3em; } 所有定位都固定在彼此的顶部。 每个应该以100px，200px，300px等为基础淡入？

删除固定类不会从预设中正确删除它们

关于： 使用jQuery从强制布局节点中删除所有.fixed类 我现在可以删除固定类。 但节点仍然在视图中固定 。 因此，我认为简单地删除课程是不够的。 我也没有在D3的文档中找到任何帮助。

用jquery mobile修复工具栏问题

我正在研究一个PHP接口，它将用于平板电脑内的餐厅接受订单。 我正在使用jQuery Mobile。 为了最小化加载时间，我创建了一个包含所有UI的单个页面，页面的内容部分是空白的，只是div。 当我点击链接时，我使用Ajax加载空白内容div。 我有一个固定的标题和一个固定的页脚。 问题是，当我触摸或点击已加载页面的空白区域时，页眉和页脚移动并消失，顶部和页脚在整个加载页面的底部，如果我再次单击它们返回到正确的地点。 当我单击或触摸内容页面内的href链接时，不会发生这种情况。 你能帮助我吗？

固定位置 – 水平滚动

我有一个左侧垂直侧栏，当用户垂直滚动时，侧栏与用户垂直滚动。 但是，如果窗口太小，当用户水平滚动时，垂直侧栏会随窗口一起滑动。 如何阻止侧栏水平滚动，同时允许侧栏与用户垂直滚动。 我不想这样做。 overflow: hidden; 因为我希望用户能够水平滚动，但我只是不希望侧栏与它们一起出现。 这是我的javascript： $(document).ready(function(){ var top = $(“#sidebar”).offset().top; $(window).scroll(function(){ var y = $(window).scrollTop(); if (y >= top) { $(“#sidebar”).addClass(‘fixed’); } else { $(“#sidebar”).removeClass(‘fixed’); } }); }); 我的css是： #sidebar { position: absolute; height: 100%; min-width: 100px; width: 100px; overflow: hidden; background-color: #ededed; border-right: 1px solid #aaa } #sidebar.fixed { position: fixed; […]

处理重叠的jQuery可排序列表

这是一个不起眼的问题，但是我正在使用jQuery Sortables并试图让两个连接列表在一个fixed位置时很好地协同工作。 一切正常，直到你滚动页面，使两个列表最终位于彼此的顶部。 然后列表似乎对哪一个应该接收被拖动的项目感到困惑，这意味着当每个列表中出现/消失时会发生一堆抖动。 看起来问题是两个列表都处理鼠标/排序事件，因为被拖动的项目在技术上是在两个列表上，但我想要的是使覆盖列表（即position: fixed ）吞下事件，以便底层主列表不会尝试接收该项目。 这是最小的代码示例： ul { list-style-type: none; padding: 0; float: left; } li { margin: 5px; padding: 5px; width: 500px; border: solid 1px #F00; background-color: #FFF; } #overlayed { position: fixed; top: 0; background-color: #000; margin: 20px; padding: 10px; } #overlayed li { width: 50px; float: left; } $(function() { […]