草庐IT

hidden-scroll-content

全部标签

javascript - ionic 2 + Angular 2 : auto scroll to bottom of list/page/chat

我正在尝试编写包含“聊天”和“内容”两个部分的页面。我希望那个“聊天”将页面自动滚动到底部而没有任何效果。聊天是有几个.item1item2....item20item21我使用的是Javascript,而不是typescript,而且我不想不使用jQuery。谢谢:)另外,当我转到“内容”部分并返回“聊天”时,我想再次自动滚动聊天。 最佳答案 这是我的做法:chatPage.htmlchatPage.html中重要的一点是#content在.我将使用#content标识符以获取对的引用在我的chatPage.js中使用ViewCh

javascript - 使用 Infinite Scroll 进行 Isotope v2 过滤 - 过滤器未找到所有项目并且窗口未在过滤器上调整大小

注意!有一个待处理的feature-requestissue在Isotope的GitHub存储库上,如果您有兴趣查看官方文档和演示(如何结合Isotope、InfiniteScroll、过滤和排序),您应该添加“?”react。它由Isotope的创建者打开以衡量兴趣。如果有兴趣,请点赞!**TL;DR:为了帮助获得官方文档和演示,gohereandadda"?"reaction.**尝试使用IsotopeJSplugin拼凑出一个可过滤的布局和PaulIrish的(遗憾的是无人维护)InfiniteScrollplugin.过滤有些工作。最初它过滤页面1的内容。为了过滤不在第1页上的

javascript - jQuery 滚动事件 : how to determine amount scrolled (scroll delta) in pixels?

我有这个事件:$(window).scroll(function(e){console.log(e);})我想知道我有多少像素滚动值,因为我认为滚动值取决于窗口大小和屏幕分辨率。函数参数e不包含此信息。我可以在每次滚动后存储$(window).scrollTop()并计算差异,但我可以采用不同的方式吗? 最佳答案 “滚动值”不依赖于窗口大小或屏幕分辨率。“滚动值”就是滚动的像素数。但是,您是否能够滚动,以及您可以滚动的量取决于容器的可用空间和容器内内容的尺寸(在本例中为容器是document.documentElement,或旧版浏

javascript - 检测手机浏览器是否支持溢出 :scroll

是否有一个与设备和库无关的简单JavaScript解决方案?我想向html元素添加一个类,这样我就可以在可能的情况下向移动设备提供可滚动的容器。这与Modernizr采用的方法类似,检测功能支持而不是浏览器检测。我只是不想使用整个Modernizr框架。努力使移动元素的JavaScript保持轻便。谢谢! 最佳答案 它并不完美,但我正在使用它来检测-webkit-overflow-scrolling。varoverflowScrolling=typeof($("body")[0].style["-webkit-overflow-sc

javascript - jQuery 添加样式 ="overflow: hidden;"

我已经创建了一些代码来隐藏我的菜单,菜单不完整,但我正在尝试使用jQuery.slideUp()函数,但它添加了style="overflow:hidden;"到代码中,所以当我使用.show时,我的一个元素被隐藏,即#nav:after和#nav:before添加了一个菜单底部的小箭头这是js代码$("span#start_button").click(function(){if($("#nav").is(":hidden")){$("#nav").show("fast");}else{$("#nav").slideUp();}});这是thissite上的结果如何阻止.slideU

javascript - 检测 Scroll 何时到达页面的底部 [没有 jQuery]

我想在滚动到达页面底部时发出警告,如下所示:$(function(){$(document).scroll(function(){if($(document).scrollTop()==0)alert("top");})})但没有jQuery,到达底部时发出警报。 最佳答案 document.addEventListener('scroll',function(event){if(document.body.scrollHeight==document.body.scrollTop+window.innerHeight){alert

javascript - 如何在 javascript 中查找移动 safari/iphone 中的当前 "scroll"偏移量

我想知道用户在iphone上移动safari的视口(viewport)内“滚动”了多远的x/y偏移量。换句话说,如果我(通过javascript)重新加载当前页面,我想找到我需要传递给window.scrollTo(...)的值,以便将文档/视口(viewport)重新定位为目前是。window.pageXOffset总是报告0jquery的$('body').scrollTop()总是报告0事件有一个pageX,但如果您的手势是向上/向下“轻拂”页面,则这不会说明您松开手指后发生的页面滚动。也就是说,当手指离开屏幕时它会给我一个点,但这并不总是与页面完成滚动后的位置相匹配。有什么建议

javascript - 设置溢出-y : hidden; causes the page to jump to the top in Firefox

我有一些javascript可以处理在我的网站上打开模式弹出窗口,它还设置了overflow-y上的属性(property)元素到hidden.在Chrome和IE中,这按预期工作-滚动条隐藏,模式弹出窗口后面的页面保持在相同的滚动位置。当弹出窗口关闭时,overflow-y设置为scroll并且页面处于与之前相同的状态和位置。但是在Firefox中,只要overflow-y更改为hidden页面滚动位置跳到最顶部,因此当弹出窗口关闭时,View对用户来说已经改变-不理想。问题可见onthisjsfiddle是否有针对此行为的解决方案? 最佳答案

javascript - jQuery 颜色框 : how do I prevent the loading indicator small box from appearing before the main colorbox content does?

我正在使用jQuerycolorbox加载登录表单(通过ajax)。但是,这个小方框会显示几秒钟,然后会淡入我要加载的实际内容中。所以在观察了几个colorboxexamples之后在网站上,我有点确定这个小盒子应该是一个预装盒子。有什么办法可以让这个框完全不显示吗?我试过一些愚蠢的事情,比如调整CSS和为所有加载项设置display:none,但它不起作用。我想避免任何CSShack并通过修改javascript来解决这个问题。理想情况下,加载框永远不会显示的某种方式,因为我不会将colorbox用于任何需要很长时间才能加载。使用我修改过的colorboxjavascript和CSS

javascript - Chrome 扩展 : Communication between content script and background. html

我是Chrome扩展的新手。我试图在内容脚本和background.html页面之间进行通信。background.html向内容脚本发送请求“hello”,内容脚本应以“hellobackground”警报响应.但这并没有发生。我的background.html代码是:functiontestRequest(){chrome.tabs.getSelected(null,function(tab){chrome.tabs.sendRequest(tab.id,{greeting:"hello"});});}content.js代码:chrome.extension.onMessage.