草庐IT

窗口Style

全部标签

javascript - 使用纯 JS 滚动到 div(不是窗口)内的位置

纯JS,请不要使用JQUERY我有一个带溢出滚动的div,窗口(html/body)永远不会溢出。我有一个anchor链接列表,希望在单击它们时滚动到某个位置。基本上只是从div中寻找anchor滚动,而不是窗口。window.scrollTo等不起作用,因为窗口实际上从未溢出。简单测试用例http://codepen.io/mildrenben/pen/RPyzqmJadenava(data-goto="#1")1a(data-goto="#2")2a(data-goto="#3")3a(data-goto="#4")4a(data-goto="#5")5a(data-goto="#

javascript - 使用 JavaScript 检测浏览器窗口 "Maximized"/"Minimized "

当用户点击浏览器窗口的“最大化”/“恢复”或“最小化”按钮时,有没有办法用JavaScript跟踪这些事件?是否有任何合适的事件或属性可供使用?我希望当用户单击窗口右上角的“最大化”按钮时,网页应拉伸(stretch)到特定宽度,并且当浏览器处于可调整大小模式时,网页可调整大小。有人可以帮助我吗?我不介意JavaScript或jQuery。提前致谢。 最佳答案 听起来您想要的是一种在调整浏览器大小时调整大小但仅达到最大宽度的布局。如果是这种情况,您可以在CSS或JavaScript中完成。假设您的内容位于如下元素中:-content

javascript - 如何将焦点设置在 javascript 模态窗口上?

我们的网站涉及一些生成覆盖模式窗口的javascript。不过这有一个可访问性问题,一旦模态被触发,焦点仍然在触发元素上而不是模态本身。这些模式可以包括各种html元素、标题、段落和表单控件。我想要的是从模态中的第一个元素开始的焦点,因此很可能是h4标签。我探索过使用focus()函数,但是这不适用于许多html元素。一个想法是在窗口中添加一个空的a标签以获得焦点,但我不确定这种方法。 最佳答案 晚会很晚,但现有的答案不尊重可访问性。W3Cwikipageonaccessiblemodals提供了比OP中要求的更多的洞察力,相关部分

javascript - 将处理程序附加到窗口滚动事件

关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题?更新问题,以便editingthispost可以用事实和引用来回答它.关闭1年前。ImprovethisquestionJohnResig建议使用setInterval()以减少调用处理程序的次数-参见http://ejohn.org/blog/learning-from-twitter/John在博文中的解决方案:varouterPane=$details.find(".details-pane-outer"),didScroll=false;$(window).scroll(function(){did

javascript - 在哪里可以找到 jQuery "scrollable"模态窗口插件?

找到了很多模态窗口插件,尝试了一些不同的配置选项,比如SimpleModal、LightBox...这些都是轻量级的并且具有灵活的配置,但我遗漏了一件事:我需要能够滚动模态窗口(当它超过高度)与浏览器滚动条类似facebookgallerymodal,或pinterest.compinpreviewmodal,有什么建议吗? 最佳答案 $(window).scroll(function(){if($('#ux-dialog-test-container').dialog('isOpen')===true){vardialogHeig

javascript - Chrome 扩展上下文菜单中的弹出窗口

我正在开发chrome扩展,但遇到了问题。我在chrome的上下文菜单中添加了一个项目,并希望在单击该菜单项时打开一个弹出窗口。我的代码如下所示:functionpopup(url){window.open(url,"window","width=600,height=400,status=yes,scrollbars=yes,resizable=yes");}chrome.contextMenus.create({"title":"Tumblr","contexts":["page","selection","link","editable","image","video","aud

javascript - 华丽的弹出窗口 : source title from span

我想从anchor标记内的隐藏标题字段中获取我的Magnific图片的标题-而不是从标题中获取。这是因为我的标题包含标记。HTMLThisisacaptionwithalinkinitJS//initialisethemagnificlightbox$('.js-lightbox').each(function(){$(this).magnificPopup({delegate:'a',type:'image',tLoading:'Loadingimage#%curr%...',gallery:{enabled:true,navigateByImgClick:true,preload:

javascript - 当 div ID 位于窗口顶部时有条件的 addEventListener

我正在尝试使用addEventListener当用户scroll进入视野.我是通过滚动高度来完成的,但我尝试addEventListener什么时候位于窗口顶部。handleHeaderStuck=()=>{if(this.innerContainer.scrollTop=500&&this.state.isStuck!==true){this.setState({isStuck:true});}}这将setState滚动时500px.如何替换500px的条件当用户使用id="container"时设置作为窗口的顶部?同时替换isStuck状态为isStuckBottom当用户到达di

javascript - 如何更改 Facebook 发送弹出窗口的位置?

我在网站底部使用喜欢和发送插件。但是,当单击发送按钮时,弹出窗口会打开并且不会显示完整。我怎样才能让弹出窗口打开到上面?但不会改变喜欢和发送按钮的位置。仅更改弹出窗口的位置。 最佳答案 因此,您必须从左侧添加一些负边距,以将小部件弹出框向左移动,直到它进入可见区域。你可以在你的CSS中使用它:.fb_edge_comment_widget{margin-left:-370px!important;//useanyfigureappropriatetoyou}您需要在按钮出现的父级div中添加一些底部边距,这样它会强制弹出框出现在左侧

javascript - 如何检测用户是否在同一 session 中打开了多个窗口或选项卡?

我想检测用户是否在同一个session中打开了多个窗口或选项卡,如果他打开了-我想在屏幕上打印一条特殊信息。这个限制应该只在一个特殊的URL中起作用,所以如果用户打开了两个带有url的选项卡/窗口:http://page.com/limite.htm-我想打印特殊信息。当用户打开两个带有url的窗口/选项卡时:http://page.com/limite.htm和http://page.com/index.htm-一切正常,我不会显示任何信息。这可能吗?谢谢。 最佳答案 我认为最好的方法是使用localStorage。http://