草庐IT

auto-scroll

全部标签

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":

javascript - 多个音频 html : auto stop other when current is playing with javascript

我在html5页面上有10个带有简单html音频标签的音频播放器。没有jquery,没有特殊的音频js插件等...有没有人有一个简单的js脚本来在当前播放器播放时暂停所有其他播放器?我不想使用js插件,因为我想保留一个简单的音频html代码。 最佳答案 您可以使用事件委托(delegate)。只需在捕获阶段收听播放事件,然后暂停所有视频文件,但不暂停目标文件:document.addEventListener('play',function(e){varaudios=document.getElementsByTagName('au

html - 使用 overflow-x : auto;"时,有没有办法在我的表格和滚动条之间放置一个空格

我有一个像这样的简单表格:......#table-overflow{position:absolute;top:10rem;right:3rem;left:3rem;bottom:2rem;display:block;overflow-x:auto;}当有很多行和列时,滚动条会按预期出现。当宽度大于表格时,我会在右侧看到一个垂直滚动条,表格数据会一直上升到该滚动条。有什么方法可以在不使用jQuery滚动条插件的情况下在垂直滚动条左侧和水平滚动条上方留出空间吗?我想看到的是这样的:xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxvx

html - 如何强制 Safari 重新绘制位置 :fixed elements on scroll?

我在桌面和移动设备上使用Safari时遇到问题,它在用户滚动时重新绘制position:fixed元素的速度非常慢。safari难以处理的具有position:fixed的元素是#intro和.portfolio-item.expanded-content的页脚元素。滚动上的#intro不一定要重新绘制到正确的z-index(它应该在用户滚动时位于其他元素后面)。移动设备上的页脚元素不会停留在iOSSafari滚动内容上方的固定位置。在iOSsafari上滚动时出现锯齿状(然而,iOSchrome是流畅的,一切都按预期工作)。我做了一个fiddle,去掉了所有的图像、字体和JS,你瞧,