js实现滚动加载商品列表，点击商品列表查看某一个商品后返回到原来商品列表位置怎么实现？

晴天sunshine 2014-08-22 01:27:29
现在使用js实现了一个页面滚动到底部的时候通过AJAX给列表追加元素的功能，然后可以点击商品跳到另外一个商品的详情页面，但是返回回来的时候就没有办法停留到上一次看过的商品列表位置，有什么办法可以实现类似的问题吗。
...全文
1066 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
qq_38152501 2017-04-10
  • 打赏
  • 举报
 回复
这个问题解决了吗，求问
gaofuqi 2014-08-22
  • 打赏
  • 举报
 回复
其实就一个分页操作记录，ajax追加相当于翻页，你在进入商品详情之前记录目前的页数并传到商品详情页面，只需要增加隐藏域存放即可，在返回商品列表时，这个这存放页数的参数也传过去，然后在页面初始化时，判断再使用ajax追加，然后聚焦在最后一条商品记录上。
晴天sunshine 2014-08-22
  • 打赏
  • 举报
 回复
ajax回调函数怎么控制返回的地方？我第一个列表页面是动态从后台ajax追加的内容，比如我向下滚动了3次一次加载4个商品，总共加载出了12个商品 ，我查看第10个商品的详情页面后返回回来的时候是请求的一个.do然后就列表页面就回到了初始状态只有默认的4个商品了并且还是在最顶端
-阿克蒙德- 2014-08-22
  • 打赏
  • 举报
 回复
在ajax的回调函数里面，用js作控制
flex3的cookbook书籍完整版dpf（包含目录）
flex3的cookbook书籍完整版dpf（包含目录）,目录是我花了两个多小时自己整理的，希望对大家有帮助。 目录： 第一章.Flex与ActionScript基础(3) 1.1节.用FlexBuilder创建Flex项目 1.2节.用FlexBuilder创建Flex库项目 1.3节.创建ActionScript项目 1.4节.在FlexBuilder中设置MXML编译器选项 1.5节.在FlexBuilder外部编译Flex项目 1.6节.在MXML中添加事件监听器 1.7节.设置子节点属性 1.8节.定义数组和对象 1.9节.在ActionScript中设置变量的作用域 1.10节.在ActionScript中创建组件 1.11节.使用事件冒泡机制 1.12节.使用代码隐藏模式分离MXML和ActionScript 1.13节.组件属性绑定 1.14节.使用自定义事件以及事件数据传递 1.15节.监听键盘事件 1.16节.定义方法参数 1.17节.检测对象数据类型 1.18节.接口的定义和实现 第二章. 控件与菜单（37） 2.1节. 监听按钮点击 2.2节. 创建一组状态按钮 2.3节. 使用ColorPicker设置Canvas颜色 2.4节. 使用SWFLoader载入SWF 2.5节. 设置组件的标签索引 2.6节. 设置控件的labelFunction 2.7节. 提供菜单数据 2.8. 动态填充菜单 2.9节. 为菜单类控件创建事件处理函数 2.10节. 显示一个通知窗口 2.11节. 使用Calendar控件 2.12节. 弹出窗口的显示和位置 2.13节. 自定义弹出式窗口边框 2.14节. 处理focusIn和focusOut事件 第三章容器（65） 3.1 节使用布局管理器布置子组件 3．2 节通过百分比方式配置容器的布局和尺寸 3.3节. 以不同的坐标系统跟踪鼠标位置 3.4 节在容器中动态添加和移除子组件 3.5 节对容器使用基于约束的布局 3.6 节在容器内为子组件设置最大、最小尺寸 3.7 节为容器指定行和列的约束 3.8 节使用约束条件为文本创建排版流程(Layout Flows) 3.9 节在容器内控制滚动和溢出 3.10 节控制Box 组件的布局 3.11 节使用容器初始化 3.12 节创建TitleWindow 3.13 节通过LinkBar 控制ViewStack 3.14 节将ViewStack 的选中索引数绑定到一个变量上 3.15 节使用延迟实例化提高启动效率 3.16 节创建并控制可调整大小的容器 3.17节在TabNavigator内创建、启用和禁用TAB组件(TabControls) 3.18 节使用可关闭Tabs 创建一个TabNavigator 3.19 节创建和控制Alert 3.20 节根据呼出组件设置对话框的尺寸和位置 3.21 节管理多个弹出对话框 3.22 节在容器中滚动到某个指定的子组件 3.23 节使用IdeferredInstance 创建模板 3.24 节手动布局容器 3.25 节测量并改变容器尺寸 3.26 节控制子组件的可见性和布局 3.27 节用简单重组行为创建Tile 容器 3.28 节给Hbox 设置背景图片和圆角 3.29 节控制子组件的位置和滚动 第四章文本(121) 4.1节正确的设置一个文本对象的值 4.2节. 将TextInput绑定一个值 4.3节. 创建一个具有文字提示的文本输入框 4.4节. 创建一个合适的编辑器 4.5节. 确定用户电脑上安装的所有字体 4.6节. 创建一个自定义的TextInput 4.7节. 为一段文本设置风格属性 4.8节.在HTML里显示图片和SWF文档 4.9节. 在一个搜索域中高亮显示用户输入 4.10节. 把字符当作独立图像处理 4.11节. 指定TextField中的HTML样式 4.12节. 使用RichTextEditor 4.13节. 在HTML中应用嵌入字体 4.14节. 给一个Text 组件中的文本添加拖拽阴影 4.15节. 找出一个TextArea 中最后显示的字符 第五章Lists,Tiles,和Trees（147） 5.1 节.创建可编辑的list 组件 5.2节.为List的某项设置图标 5.3 节. 为List的内容变更添加特效 5.4为TileList创建一个基本的条目渲染器 5.5节.为Tree设置XML数据 5.6节.为Tree创建项渲染器 5.7节.在Tree控件中使用复杂数据对象 5.8节.只允许List的某一项可被选中 5.9节.为List的项编辑器添加格式化和验证数据 5.10节.跟踪TileList中所有被选中的子节点 5.11节.使用和显示项渲染器的N
web手机端 html5利用【seesionStorage】实现详情页到列表页的无刷新且回到上次位置
根据客户反馈，最近遇到一个用户体验不是很好的问题，就是用户在列表页翻页浏览 了很多商品，点击某一个商品跳到详情页，然后返回，但是不是用户刚才浏览的哪个位置了，需要重头开始继续浏览，商品特别多的话体验就不是很好。 需求：实现当在第N页的列表页，点击ID=Num的商品详情页，跳转到详情页后，再点击返回按钮，依旧返回到列表第N页，并显式的改变ID=Num商品的查看状态（我这里是手机端...
vue van-list 列表，返回列表时还显示在之前的滚动的位置
1、首先要在router路由里加下面的代码，(哪个页面需要就加在哪个页面)2、离开当前列表页面的时候,赋值当前滚动位置给scrollTop。3、下次进入列表页面时，获取滚动位置scrollTop。4、记得加class app-wrapper。使用keepAlive解决这个问题。
VueH5从列表进入详情页点返回，返回时列表页停留在原来的位置
重要的部分是你需要利用vue的缓存机制来完成，首先需要在你进行缓存的页面进行路由缓存这里用到keepAlive：true，并且在路由里进行记录滚动条。然后这里需要在APP全局中使用 包裹住你的router-view然后给他进行v-if，要用到和为用到缓存的在这里都需要判断。列表进去详情返回的时候总是返回顶部，为了用户体验提高要在用户进去的位置进行存储当前位置，返回列表页的时候位置不变，下面是教程......首先我是用滚动条监听进行上滑加载更多数据来进行前面的铺垫。
如何用Vue技术完美记住滚动条和实现下拉加载呢？本文详细教你
滚动条 常见于移动端 App 在滚动点击进入的时候 问题描述 当我们在开发 web app 的时候，经常会遇到一个问题，就是当从一个可滚动的列表页进入到下一个详情页面，然后返回列表页面的时候，很难去还原滚动条的状态，无法记住进来时候的位置。 以前我尝试过很多方法： 有 vue-router 自带的 scrollBehavior，需要记住 scrollTop，然后还原，但是管理这个 scrollTop 显得很麻烦，有的时候还不容易取值 还有使用纯 CSS 的方式，在列表页面放置一个 route
Web 开发

81,092

社区成员

341,717

社区内容

发帖
与我相关
我的任务
社区描述
Java Web 开发
社区管理员
  • Web 开发社区
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章