草庐IT

scroll-view滚动条

全部标签

javascript - 如何检测滚动结束

我的脚本有一些问题。所以,我想检测滚动Action的结束。当我滚动时我有我的警报但如果我结束它则不会。你能帮助我吗?这是我的代码:varanimatable=$('body,html');varanimating=false;animatable.animate({scrollTop:$('#foo').offset()})$(window).scroll(function(e){if(!animating){animatable.stop(false,true);alert('stopscrolling');}animating=false;});​和一些fiddle:http://

javascript - 在 View 之间传递对象(Flash 消息)

在以下情况下传递消息的最佳方式是什么。在$scope.p.$save的成功场景中,结果包含一条消息(res.message),我喜欢在下一个View中显示($location.path("/test/"+res.reply.Id))。如果没有AngularJS,我可能会在url中传递它或将其保存在sessioncookie中。但是,我想AngularJS中可能有更好的方法,因为没有浏览器重定向并且状态应该可用。实现这一目标的最佳方法是什么?在rootScope中设置它会在我使用浏览器后退按钮时显示它,并且消息的范围应该只用于第一次导航到新View。functionNewCtrl(Pho

javascript - 可以使用 Window.Onscroll 方法来检测滚动方向吗?

可以使用Window.Onscroll方法来检测滚动方向吗? 最佳答案 如果你在页面加载时和每次滚动事件发生时记录scrollX和scrollY,那么你可以将以前的值与新值进行比较,以了解你滚动的方向。这是一个概念证明:functionscrollFunc(e){if(typeofscrollFunc.x=='undefined'){scrollFunc.x=window.pageXOffset;scrollFunc.y=window.pageYOffset;}vardiffX=scrollFunc.x-window.pageXOf

javascript - 在可滚动的 div 中获取鼠标位置

最近几天一直困扰着我的另一个问题。正如您可能从我的其他问题中看到的那样,我正在创建一些思维导图软件。所以(极其简化)我有两个div。一个在页面上是一个正方形,另一个在那个div里面,大约是它的10倍大并且可以拖动。这样一来,对象就可以放置在屏幕上,然后在添加另一个对象时稍微移动到一边等等。我通过创建外部div可滚动来做到这一点。我遇到的问题与java脚本中的鼠标位置有关。如果我将鼠标位置放在div中的任何位置,它将不正确,因为我将内部div的大小偏移到顶部和左侧的一半(因此有效地用户正在查看Canvas的中间并且可以按照他们喜欢的方式进行).我已经尝试了数十种不同的鼠标坐标功能,但这些

javascript - 将数组传递给 Laravel View 并将该数组用作 VueJS prop

我有一个数组变量$screenshots,我正试图将其传递给我的LaravelView。通常,我会使用@foreach并循环遍历数组,但我想通过将整个数组定义为Prop来将其传递给Vue组件。我想这样做是为了循环遍历组件中的数组。我收到htmlentities()expectsparameter1tobestring,arraygiven错误。使用VueJS和Laravel执行此操作的正确方法是什么?这是我的Blade模板:@section('content')@endsection这是我的自定义组件(不同的文件):exportdefault{template:'#edit-ticke

javascript - 使用 Html.BeginCollectionItem 帮助程序传递集合的分部 View

我做了一个小项目来理解StephenMuecke在这里的回答:SubmitsamePartialViewcalledmultipletimesdatatocontroller?几乎一切正常。javascript从局部View添加新字段,我可以通过局部View的Controller方法插入的“temp”值知道它们绑定(bind)到模型。但是,当我提交新字段时,AddRecord()方法抛出一个异常,表明模型没有被传入(“对象引用未设置为对象的实例”)。另外,当我查看页面源代码时,BeginCollectionItem帮助器插入一个隐藏标签,因为它应该围绕主视图中显示预先存在的记录的表格,

javascript - 在 Knockout View 模型定义之外设置属性值

我有一个这样定义的KnockoutView模型:functionviewModel(){varself=this;self.myName=ko.observable();self.myValue=ko.observable("10");};现在我需要在单击链接时更改View模型的值,如下所示:$('a.treeitem').live("click",function(e){e.preventDefault();viewModel.myValue("20");//thislinedoesnotwork});但是,我找不到设置该值的正确方法,Chrome控制台显示以下消息:未捕获类型错误:

javascript - 将我的 .net MVC View 中的 bool 值传递给 javascript,但 JS 不接受 True,想要 true

我将bool值传递给.netmvc操作页面中的javascript函数。问题是,它正在输出值True,而javascript显然只接受“true”(小写)。我不想破解变量并将其变成字符串并在我的操作中将其转换为小写,但看起来我别无选择? 最佳答案 如果您在.NETbool值上使用ToString()方法将值发送到Javascript,请尝试将其替换为类似的东西(myBoolean?"true":"false")以便它作为所需bool值的适当字符串表示形式发送到Javascript。编辑:注意两者之间的区别:varmyBoolean=

javascript - 如何在 Google Chrome 中打开没有滚动条的 window.open

以下代码在Firefox、IE和Opera中打开没有滚动条的新窗口。varoptions={height:300,//setstheheightinpixelsofthewindow.width:300,//setsthewidthinpixelsofthewindow.toolbar:0,//determineswhetheratoolbar(includestheforwardandbackbuttons)isdisplayed{1(YES)or0(NO)}.scrollbars:0,//determineswhetherscrollbarsappearonthewindow{1(

javascript - 动态滚动文本区域

我的页面上有一个textareahtml元素,它通过ajax重新加载。每次返回整个文本区域,而不仅仅是它的内容,并且内容会随着时间的推移而增长。除了textarea,我还返回以下一段javascript:vartextArea=document.getElementById('outputTextResultsArea');textArea.scrollTop=textArea.scrollHeight;在firefox3.0.7中,这会将滚动条放在文本区域的底部,让我可以看到最新的输出。但是在IE7中我看到了不同的行为。滚动条按预期随着内容向下移动,但是一旦内容大于文本区域高度,滚动