草庐IT

scroll-view滚动条

全部标签

javascript - 将带有参数的 View 组件渲染到命名导出 ember.js

我的应用程序模板中有2个命名socket,slider-area和pre-footer。有没有办法将带参数的View组件(如索引模板中显示的main-slider组件)传递到命名socket?所以我需要将{{main-slidersliders=filteredSlider}}传递给索引模板中的导出{{outlet"slider-area"}}吗?我来自Rails,如果这不是ember的做法,请原谅我的想法。可以在应用程序模板中指定yield:slider_area,然后将此区域的任何内容包装在content_for:slider_areablock中。ember中是否有类似的方法?i

javascript - PDF.js 使用滚动条渲染 pdf

我使用mozillapdf.js。我有一个代码:functiondisplayDocument(){PDFJS.getDocument(numberOdDocument[attachment]).then(function(pdfDoc_){pdfDoc=pdfDoc_;renderPage(pageNum);});}functionrenderPage(num){pdfDoc.getPage(num).then(function(page){varviewport=page.getViewport(scale,rotate);canvas.height='900';canvas.wi

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 - 如何从 Rails View 调用内部 API(用于 ReactJS 预渲染目的)?

我已经有了返回JSON响应的RailsAPIController。前端Javascript(以及移动应用程序)使用它来呈现值。现在,我希望使用ReactJS预呈现这些值:#app/controllers/api/v1/products_controller.rbmoduleAPImoduleV1classProductsController如何有效调用内部/api/v1/products和/api/v1/userURL(例如,不向我自己的服务器发出HTTPGET请求)? 最佳答案 我同意您希望为您的View重用您的API代码。这将使

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 - Web 应用程序中具有自动淡入/淡出功能的 iPhone 样式滚动条

我正在制作一个网络应用程序,非常喜欢自动淡入和淡出的iPhone风格的滚动条。以前只在iOS产品上看到过,现在好像Facebook已经在Chat联系人列表中实现了。为什么我这么喜欢它?它会自动淡入和淡出,因此不那么突兀并且可以节省大量空间。当它显示时,它有效地位于div内部,而不是围绕它,再次有效地利用了空间。关于如何做到这一点有什么想法吗?不是MatteoSpinelli的“iScroll”采用“普通”滚动条(对于iOS产品当然是iOS样式)用于div。我试过使用JonathanAzoff的OverscrollJquery插件,但我似乎无法让它正常工作。我设法让滚动条在mouseen

javascript - Angular : disable scroll to top when changing view

假设我有一个大标题,所以ng-view指令在页面上。就在这个ng-view之前,我有一种菜单可以触发Angular路由,从而改变View。我的问题是,只要路由被触发,页面就会一直滚动到顶部,因此部分内容超出了视口(viewport)。这是我的路线:angular.module('portfolio',[]).config(function($routeProvider,$anchorScrollProvider){$anchorScrollProvider.disableAutoScrolling();$routeProvider.when('',{templateUrl:'portf

javascript - 设置 Backbone.View 的动态 css 样式属性

我正在尝试设置的高度、宽度和背景图像元素。这是我的Backbone.View的内容:varRackView=Backbone.View.extend({tagName:'ul',className:'rackunselectable',template:_.template($('#RackTemplate').html()),render:function(){this.$el.html(this.template(this.model.toJSON()));returnthis;},attributes:function(){varisFront=this.model.get('i

javascript - 如何在不自动滚动整个页面的情况下使用 anchor 标记在 div 内滚动?

我想使用anchor标签在网页的div内滚动。但是,当我点击anchor标签时,整个页面跳转到div中的anchor标签。div中的内容应该滚动,网页主体不会自动滚动。数周以来,我一直在谷歌上搜索并试图解决这个问题,但尚未找到可接受的解决方案。这似乎也是一个非常常见的问题。我对javascript知之甚少,但据我所知,似乎有两种可能的方法可以实现这一点:1。使页面主体只能通过鼠标滚轮/手动滚动,而不是anchor标记。这将仅适用于正文,而不适用于其他元素。-或-2。滚动到div内的anchor标记,并在它影响body之前取消该过程。如果它没有将anchor标记添加到url,将是一个奖励

基于 JavaScript 滚动的动画在移动设备上不稳定

我有2个div(左和右),我想在右边的基础上向左滚动。https://jsfiddle.net/3jdsazhg/2/这在桌面上运行良好,但当我切换到移动设备时,就不再流畅了......这很容易被注意到,通过改变_left.style.top=_content.scrollTop-(_content.scrollTop*ratioLeftRight)+'px';到_left.style.top=_content.scrollTop+'px';它应该作为一个固定定位的div我想知道这不流畅的确切原因......我知道这不是动画。div上的简单动画很流畅,基于滚动时会出现问题。我怎样才能使