草庐IT

Auto-Scroll

全部标签

html - 使用 Overflow-y :scroll 将 child 拖出容器

我有一个容器,里面有一个列表。可以拖动列表项,用鼠标移动。容器可滚动:overflow-y:scroll;通过设置此属性,Chrome会自动将overflow-x属性设置为“auto”。如果我设置overflow-x:visible它会被Chrome忽略。如果我设置overflow-x:hidden那么显然该元素被裁剪了。当我将列表项拖到容器的左边缘或上边缘之外时,它会被裁剪到容器的边缘。如果我将它拖出右侧或底部边缘,容器会滚动以容纳它。我希望该元素能够在不被裁剪且不触发滚动的情况下拖出容器。鉴于必须将容器设置为overflow-y:scroll并且这反过来会强制Chrome设置ove

html - div 上的滚动条溢出 :auto and percentage height

是否可以创建一个div来适应浏览器的大小并且还可以滚动?我想在div和90%的百分比高度上使用overflow:auto。页面的结构是headerinfocontentwhichisreplaceddynamicallyoverflow:auto是否可以在层次结构中某处没有已知px高度的情况下工作? 最佳答案 在回答您的问题时,是的,overflow:auto会起作用,但您还需要在HTML标记上使用height:100%:html,body{height:100%;margin:0;}#header{height:100%;}#co

html - 绝对位置和 margin : auto

我有一个小问题,我希望我的页脚以position:absolute保留在屏幕底部。但是我将它放在屏幕中间的margin:auto不再起作用了。HTML:TESTDenAllerstrafste"Ful-Ambi"Live-BandvangrootAntwerpenenomstreken!HomeWieiswieFoto'sRepertoireLinksContactTESTDevelopedbyYoshi©vAntstAdCSS:/*PAGELAYOUT*/html{padding:0px;margin:0px;}body{background-image:url(../IMA

javascript - 带有 jquery ui 可排序问题的 jquery slim scroll

您好,我有一种情况,我正在使用jqueryslimscrollplugin和jquerysortable。问题是当我将元素从一个列表项拖到另一个列表项时,右侧的滚动条不会随之移动,所以如果我必须将列表拖放到最后一个列表项区域,除非我使用鼠标滚轮。那么当我将元素从一个列表区域拖到另一个列表区域时,如何绑定(bind)滚动条位置。下面是代码-$(function(){$("ul.droptrue").sortable({revert:'invalid',connectWith:"ul"});$("#sortable1,#sortable2,#sortable3").disableSelec

javascript - BXSlider 4 在移动设备上全屏 : How to keep native vertical page scroll (up, 向下)但保持水平触摸功能(左、右)?

以下片段应该可以很好地说明问题:(function($){$('.bxslider').each(function(){varbxid=$(this).attr("data-bxid");varbx=$(this).bxSlider({auto:false,autoStart:false});});})(jQuery);/*Styles*/#before,#after{width:350px;height:350px;background-color:#ccf;}/*BXSlider*/.bx-wrapper{position:relative;margin-bottom:60px;p

javascript - 是否可以编写一个可以处理后退按钮的 "Infinite Scroll"javascript?

转到这里:http://www.infinite-scroll.com/玩无限卷轴。请注意,您不能单击链接然后单击“返回”。当您这样做时它会出现故障。所以,我打算自己写无限卷轴。当用户到达底部时,加载AJAX调用。然后执行JQuery将结果“追加”到div。然后,在这些元素上调用我的其他函数。(我在javascript中设置了所有这些元素的背景图片)。这行得通吗?如果我这样做...我能处理后退按钮吗? 最佳答案 我在我从事的元素中考虑过同样的事情。我想到的一个选项是允许后退按钮返回到单击链接的位置(就像正常浏览一样)。首先,您需要记

html - HTML 表格中的文本框 : How to auto-size?

我想在我的HTML表格的底部(或顶部,等等)添加一行,每列都有一个文本框(以允许过滤每列的内容)。FWIW,该表基于jQueryDataTables插件。问题是文本框加宽了列。我希望每个文本框都填充其列的宽度而不扩大它。我该怎么做? 最佳答案 尝试获取父td的宽度。 关于html-HTML表格中的文本框:Howtoauto-size?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions

html - 旋转时的 css 挑战(转换 :rotate) block - width auto

我在使用css变换将block旋转90度时遇到了一点问题。挑战在于:旋转block在40px垂直列内。这意味着自动模式下旋转block的宽度不超过40px。因此,大块文本不会放在一个连续的行上,而是会出现换行符。为了更好地可视化这个问题,请检查我创建的这个fiddle:http://jsfiddle.net/F7CEX/#open_nav{font-family:'Exo',sans-serif;font-weight:300;font-size:1em;display:block;color:#333333;text-decoration:none;background:url("i

javascript - $(window).resize() 在 safari : why it works also if scroll window (but doesn't resize)?

我注意到,在我的iphone5上使用safari$(window).resize()它的工作方式很奇怪......我有这个代码:$(document).ready(function(){$(window).resize(function(){avviaChart();initialize();if($('#time').is(':checked')){$("#time").removeAttr('checked');$("#Time").css('border','2pxsolid#ffffff');}});});此代码仅在窗口大小发生变化时才有效....与其他浏览器一起工作非常好,但

javascript - Visual Studio Code : Auto complete HTML tags inside an embedded babel script

我有一个html文件,里面有一个嵌入的babel脚本Reacttutorial我希望当我在babel脚本中输入时是这样的然后我输入类似的内容软件通过输入文本自动完成结束标记在autoclosetag都不是扩展名,也不是sublimebabelextension,来自VisualStudio市场,能够做到这一点。我也听从了thispost的建议并创建了一个名为.vscode/settings.json的文件其中包含"emmet.includeLanguages":{"javascript":"javascriptreact"},"emmet.triggerExpansionOnTab":