javascript - 如何根据用户视口(viewport)动态更改插槽值?

标签 javascript css angularjs

我在页面右侧有一个固定的反馈弹出窗口。用户可以通过单击有用的文本打开弹出窗口,并提供有关不同部分的反馈。

用例是这样的

1) 如果用户在页面顶部并且他决定提供反馈,那么他将打开弹出窗口并且插槽值将为一、二、三。

2) 如果用户决定进一步向下滚动主页面,现在主页面的顶部可见部分是五、六和七...如果他决定提供反馈,那么他将打开弹出窗口并且插槽值将是五,六,七。

![槽值五、六、七] http://imgur.com/9kZNW1I

如何根据用户视口(viewport)自动更新插槽值。

使用 ng-repeat 在上下点击时改变插槽值

这是我的笨蛋 http://plnkr.co/edit/rr0tislMoLiKNNP3FYZF?p=preview

最佳答案

这并不完美,但应该可以让您了解如何改进它。现在我假设所有元素的高度都相似,您可以限制它或在公式中即时计算它们。

http://jsbin.com/xozoni/edit?html,js,output

关于javascript - 如何根据用户视口(viewport)动态更改插槽值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31884430/

相关文章:

javascript - Ajax 调用 CORS 禁用服务

angularjs - 如何使用 Jasmine 模拟链式 promise ?

angularjs - 期望两个元素相等

jquery - 元素的 CSS 属性更改后调用外部 .js 文件

html - 页眉两侧有流畅的背景图片,中间没有背景

html - 所有内容右侧不需要的空格

javascript - Angular 2 在 @View 中使用 templateUrl

javascript - 如何 cd 到 chrome 开发人员工具中的 iframe 或 chrome 中的 firebug lite?

javascript - 我可以从 Google 自定义搜索 API 获取 Google Ads 来满足所请求的查询吗?

javascript - 使 fancybox 元素保持在它们的位置