小编Mic*_*ell的帖子

如何在滚动页面时隐藏元素?

好吧,我有点难过.

我试图想象来自jQuery背景的角度方式.

问题:如果窗口没有滚动,我只想隐藏一个固定的元素.如果有人向下滚动页面我想隐藏元素.

我已经尝试创建一个自定义指令,但我不能让它工作,因为滚动事件没有触发.我正在考虑一个像下面这样的简单控制器,但它甚至都没有运行.

控制器:

.controller('MyCtrl2', function($scope,appLoading, $location, $anchorScroll, $window ) {
   angular.element($window).bind("scroll", function(e) {
       console.log('scroll')
       console.log(e.pageYOffset)
       $scope.visible = false;
   })
})
Run Code Online (Sandbox Code Playgroud)

视图

<a ng-click="gotoTop()" class="scrollTop" ng-show="{{visible}}">TOP</a>
Run Code Online (Sandbox Code Playgroud)

现场预览 http://www.thewinetradition.com.au/new/#/portfolio

任何想法将不胜感激.

scroll angularjs

32
推荐指数
1
解决办法
9万
查看次数

着名的发动机物理碰撞

我正在构建一个需要物理引擎的站点.与许多SPA应用程序合作后,我感到非常自信.

不幸的是,我在将碰撞检测和墙壁应用于着名的物理模拟时遇到了麻烦.

您可以在此处查看可编辑示例.

https://staging.famous.org/examples/index.html?block=gravity3d&detail=false&header=false
Run Code Online (Sandbox Code Playgroud)

我想知道的是有可能在粒子上添加碰撞吗?我试过这个,但看起来碰撞设置不正确.我希望有人成功地做到了.

谢谢!

var FamousEngine = famous.core.FamousEngine;

var Camera = famous.components.Camera;

var DOMElement = famous.domRenderables.DOMElement;
var Gravity3D = famous.physics.Gravity3D;
var Gravity1D = famous.physics.Gravity1D;
var MountPoint = famous.components.MountPoint;
var PhysicsEngine = famous.physics.PhysicsEngine;
var Physics = famous.physics;
var Wall = famous.physics.Wall;
var Position = famous.components.Position;
var Size = famous.components.Size;
var Sphere = famous.physics.Sphere;
var Vec3 = famous.math.Vec3;
var Collision = famous.physics.Collision;

function Demo() {
  this.scene = FamousEngine.createScene('#socialInteractive');

  this.camera = new Camera(this.scene);
  this.camera.setDepth(1000);

  this.simulation = new PhysicsEngine();
  this.items = []; …
Run Code Online (Sandbox Code Playgroud)

famo.us famous-engine

7
推荐指数
1
解决办法
226
查看次数

Angular UI Datepicker每月限制天数

我正在使用角度datepicker:

http://angular-ui.github.io/bootstrap/#/datepicker

目前它被硬编码显示42天或6周.

我想知道如何在ui-bootstrap-0.13.1.js中覆盖(即角度装饰器)这个函数来显示4周.

这是功能:

ctrl._refreshView = function() {
  var year = ctrl.activeDate.getFullYear(),
    month = ctrl.activeDate.getMonth(),
    firstDayOfMonth = new Date(year, month, 1),
    difference = ctrl.startingDay - firstDayOfMonth.getDay(),
    numDisplayedFromPreviousMonth = (difference > 0) ? 7 - difference : -difference,
    firstDate = new Date(firstDayOfMonth);

  if (numDisplayedFromPreviousMonth > 0) {
    firstDate.setDate(-numDisplayedFromPreviousMonth + 1);
  }

  // 42 is the number of days on a six-month calendar
  var days = getDates(firstDate, 42);
  for (var i = 0; i < 42; i++) {
    days[i] = angular.extend(ctrl.createDateObject(days[i], …
Run Code Online (Sandbox Code Playgroud)

javascript datepicker angularjs angular-ui-bootstrap

5
推荐指数
1
解决办法
1841
查看次数

Matter.js 重力点

是否可以在 matter.js 中创建一个位于 x/y 坐标中心的重力/力点?

我已经设法用 d3.js 做到了,但想询问 matt.js,因为它能够使用多个 polyshapes。

http://bl.ocks.org/mbostock/1021841

matter.js

5
推荐指数
2
解决办法
2148
查看次数

Angular JS截断文本并添加更多内容

我有一个ng-repeat正在输出一些<p>.我想截断文本并添加一个更多的按钮,当您单击它时会展开.

这是我到目前为止:

//NG-repeat
<div class="col-xs-4 mbm" ng-repeat="wine in wines">
    <p readMore> {{wine.copy|truncate: textLength }} 
        <a ng-click="changeLength()" class="color3"><strong>More</strong></a>
    </p>
</div>

//NG-click
$scope.changeLength = function() {
    $scope.textLength = 9999;
}
Run Code Online (Sandbox Code Playgroud)

我有一个自定义指令,能够截断字符串的长度.但是当尝试通过修改文本长度时,ng-click我发现修改了所有项目ng-repeat.

有没有办法改变单个ng-repeat项目?

angularjs

3
推荐指数
1
解决办法
8282
查看次数