如何根据用户视图端口动态修改槽位值
How to dynamically change the slot values based on user view port?
我有一个反馈弹出窗口对页面的右侧是固定的。用户可以通过点击有用的文本打开弹出窗口,并提供对不同部分的反馈。
用例是这样的
1)如果用户在页面的顶部,如果他决定提供反馈,那么他将打开弹出窗口,槽值将是1,2,3。
2)如果用户决定向下滚动主页,现在主页的顶部可见部分是5,6和7…如果他决定提供反馈,那么他将打开弹出窗口,槽值将为5,6,7。
![槽值5,6,7]https://i.stack.imgur.com/u2Jop.jpg
如何根据用户视图端口自动更新槽位值。
使用ng-repeat
在上下点击时改变槽值
这是我的活塞http://plnkr.co/edit/rr0tislMoLiKNNP3FYZF?p=preview
这不是完美的,但应该给你一个如何改进的想法。现在我假设所有项目的高度相似,您可以约束它或在公式中动态计算它们。
http://jsbin.com/xozoni/edit?html、js、输出
相关文章:
- 动态修改一个元素,使其与给定的选择器匹配
- 如何使用带包装器的Javascript/jQuery动态修改CSS类
- 如何动态修改<选择>在实体化css框架中
- 无限滚动,动态数据按上次修改状态排序
- 在javascript中动态修改掩码高度
- 动态修改CSS-适用于IE9,但不适用于Chrome和Firefox
- 如何使用jQuery.ajax动态修改添加的html
- 如何在动态生成的表中修改复选框的标签
- Symfony2 动态表单修改 ajax jquery 无效的 CSRF 令牌
- 动态修改系列的标题
- 使用 Javascript 对 SVG 进行动态修改不起作用
- 如何动态设置修改 html 元素的 ID
- 如何使用 Jquery 修改动态生成的元素,而无需使用 click()
- 脚本完成后修改动态元素
- 是否可以修改动态添加的DOM节点
- 修改动态创建的jQuery复选框按钮'
- 如何使用jQuery修改动态创建的内容
- 修改动态生成的SVG,使其响应
- 修改动态创建的 (jQuery) 元素
- 我如何修改动态生成的HTML元素的样式