Tag: 窗口

jQuery – parallax – 正确更新背景位置

目标 这是对此问题的后续问题。 我正在尝试创建一个视差滚动效果。 视差容器的实现方式如下: 当容器滚动到视图中并在离开视图时停止时,视差效果成功启动。 问题 不幸的是,当我将视差容器放在页面上时,效果开始于错误位置的背景位置 。 我理解为什么会出现这个问题,但我不确定如何解决它。 我需要的基本上是这样的: 一旦视差容器滚动到视图中就开始效果: 工作 。 离开视图后停止效果: 工作 。 仅将背景位置移动到已进入视图的滚动距离 。 不是相对于页面顶部滚动的距离。 在这里摆弄 对于页面下方的视差容器: 您可以看到图像的边缘。 我正在努力寻找解决方案。 思考 到目前为止,我的尝试基于这样的想法,即将视差容器的距离仅限于页面顶部一次(不要用每个滚动更新它)并在计算中实现它。 但我似乎无法让它正常工作。 我错过了什么吗? 进一步澄清: 任何页面上都可以有多个视差容器。 每个人都可以拥有自己的背景图像集。 (在CSS中) 我不知道页面上会有多少视差容器。 我不知道他们在哪里。 只有那些可见的移动。 码 只有相关部分: $(window).scroll(function(){ // Bind window scroll event $( “.parallax” ).each(function() { if( $( this ).is_on_screen() ) { // Check if […]

$(窗口).scroll函数不会触发

我正在尝试将此教程技术应用到我当前的项目中: http : //www.webgeekly.com/tutorials/jquery/a-simple-guide-to-making-a-div-static-as-you-scroll-past -它/ (特别是左侧的相对/修复社交媒体工具栏) 并没有开始被“固定”直到某个滚动值。 停止在页脚之前“固定”(不重叠) 我一直在跟着,但是$(window).scroll()函数永远不会为我开火..(仅在小提琴示例/测试中).. $(document).ready中的其他console.log() )fire ..但是在$(window).scroll()函数里面注意到了吗? //sticky map placement $(function(){ var msie6 = $.browser == ‘msie’ && $.browser.version = top) { $(‘#mapContainer’).addClass(‘fixed’); console.log(“class added”); }else { $(‘#mapContainer’).removeClass(‘fixed’); console.log(“class removed”); } }); } }); 相关风格:(为了让事情有效而多次改变) (mapContainer父级) #col-2 { float:right; width:935px!important; padding:0; margin:0; position: relative; height:auto; } #mapContainer{ display:table; width:240px; /* […]

jQuery – 通过从窗口大小中减去像素来计算元素宽度

我的目标是通过从窗口大小减去200px来计算固定定位元素的宽度(顶部:0;左:200px;),以便它适合视口的其余部分。 因此我使用了以下代码,但遗憾的是它不起作用。 希望你们中的某些人可以帮助我! $(function() { width = ($(window).width() – 100); $(“div”).css(“width”, width); })​;

关闭浏览器窗口之前的JQuery对话框

我从其他post中了解到,处理此问题的唯一方法是通过无法编辑的浏览器对话框。 无论我如何离开页面,我遇到的问题都是盒子出现者。 该页面有一个保存和删除按钮,这是离开页面的正确方法,我不希望为他们显示对话框。 这是我的JQuery $(document).ready(function(){ //save or delete window.onbeforeunload = function() { var message = ‘You have unsaved changes, please stay and save or delete them.’; return message; } }); 以及保存和删除按钮是: Save Delete 我正在使用更多的JQuery来处理它们的function,因此它们没有href。

替代(窗口).scroll

可能重复: ScrollTop在Chrome中真的很生涩 我正在使用以下代码获取一个返回顶部按钮,并在用户滚动后导航淡入。 问题是每次滚动时它都会触发,因此导致滚动变得非常生涩。 是否有另一种方法可以执行此操作,这可能只触发一次该function? $(function () { $(window).scroll(function () { if ($(this).scrollTop() > 600) { $(‘#backToTop, #navigation’).fadeIn(); } else { $(‘#backToTop, #navigation’).fadeOut(); } }); }); });

window.location或window.location.href没有更改所有浏览器MVC应用程序中的值

目前的url是 http://xx.com/Home/Employee 当我点击取消按钮需要从位于另一个文件夹中的不同动作结果导航时,我的页面中有取消按钮 例如:关于/结果 (即http://xx.com/About/Result )我的取消function中有以下代码 function cancel() { window.location = ‘@Url.Action(“Result”, “About”)’; return false; } 尝试了所有的方式 window.location.href= “/About/Result” window.location.pathname=”/About/Result” 但它仍然没有改变旧的价值。它只保留旧的价值。 提到这么多链接就好 window.location.href不会更改URL https://developer.mozilla.org/en-US/docs/Web/API/Window.location 但是当我试图给予 window.location.href=”http://www.google.com” 它工作正常 。 为什么我无法从动作导航到另一个目录的另一个动作。 任何问题 ? 确切的根本原因是什么?

重新加载页面缓存,然后转到新页面

背景 我有一个角度应用程序。 我有一些缓存的东西,我似乎无法清除angularjs中的任何内容或$ window函数中的任何内容,除非我通过按钮调用$window.location.reload(true) ,然后使用另一个按钮转到另一个页面( 2个按钮): 清除缓存重新加载代码 $scope.reloadPage = function() { $window.location.reload(true) } 移动页码 $state.go(‘actionWizard’, { uuid: AUuid }); 要么 var actionPage = “#!/action/” actionPage = actionPage.concat(AUuid) $window.location = actionPage 问题 问题是,我无法弄清楚如何一次按下按钮。 题 如何移动位置并同时重新加载完整窗口? 注意 这个问题与我上一篇文章有些相关: Angular重载窗口然后转到新状态 其他尝试: 下面的代码有问题。 它不像我想要的那样重新加载缓存 $scope.movePage = function() { var actionPage = “#!/action/” actionPage = actionPage.concat(AUuid) actionPage = actionPage.concat(‘?eraseCache=true’) console.log(“ACTION […]

在同一页面内打开一个小窗口的新窗口

我有一个jsp page ,当点击submit button ,在同一页面中打开一个新页面,但我想要的是new page(window)应该inside same page打开但是尺寸较小,就像你在许多网站中看到的那样。 after clicking submit button a new page will be opened in a less size ,如何使用jquery/javascript ? index.jsp 请任何想法

从另一帧刷新其他帧。 jQuery的

是否可以重新加载用户来自的页面,或者更好的是,如果它与URL匹配,则重新加载用户来自的框架? 我有一个链接。 用户单击它,然后在新窗口中打开一个新URL。 表单将在该新窗口中运行。 我想要的是一个重新加载第一个窗口的function(用户来自哪里) 那可能吗?

如果窗口在jQuery集中,我怎么知道呢?

我希望我的jQuery插件在$(window)选择上调用时表现不同。 如果window在设置中,我该如何检查? 到目前为止我的尝试: >>> $(window) == $(window) false >>> $(window).is(window) false >>> $(window).filter(window).length 0 (顺便说一下,那些都适用于document 。)当然我总是可以检查this[0] ,但是有一些边缘情况,比如$(‘a’).add(window) ,这种方法没有提供。 我也可以通过function过滤: >>> $(window).filter(function() { return this === window; }).length 1 但我希望更多’jQuery-ish’或通用方法。