Git Product home page Git Product logo

vue-seamless-scroll's People

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Forkers

usershi hj0503 marysliver zhaolyang tcygoodgirl qiuzhaoyang rubythonode johfermq koukaicheng jer-s caihongzhiyue seawenzhu libin1991 wooodhead linnanli huangshuwei 849359410 zqderek lldf1984 micromi thinker-ljn xiangleizheng cx1993 starkmore yuna0211 crazymeow 123cbfds jackeasons tiger8888 xuejiangjun luckboyi adouwt mannymu yxl2628 baizhijian cuikee wanglunan noahlann shijianzhong gcystar liudongyun1215 775203629 yinlongcoding wangwenquan1234 star-xing-code lichengtao1989 workwsl lixueninggg kelzake gitorigin 1429880240 cnopens huangyehetiantian 18600871952 zhangbo27 taojiaming biglxiny dmlfsong lemonpigpig chenjiecloud liusiwu brightlight2017 so2bin hengwujun128 yuannianfeng clydeqin7 pangshaohua xingjygo 1632996159 zcbepo li-breeder asssssert lunay1016 m2maomao 286209330 seolck01 168zwq wcdxhl ghjdegithub oz-starlit lisen2015 konan159 wanghuipeng xjx530 dx-web martianbaby weaps amphisbe xintianyou yanyu99 cgxqd123 lisongyu timlili 1183563487qq chenhuiming44 paxkkkxh cherish0921 cenjiaxiang ghuserz srna-rn

vue-seamless-scroll's Issues

在nuxt.js中有警告怎么解决？

[Vue warn]: The client-side rendered virtual DOM tree is not matching server-rendered content. This is likely caused by incorrect HTML markup, for example nesting block-level elements inside

, or missing . Bailing hydration and performing full client-side render.

使用websocket 动态数据添加，样式错误

使用websocket 往data 绑定的数组中动态push新数据，高度计算错误，后来发现是组件里监听数据的的$watch的oldvalue和newValue在监听数组时是一样的，触发不了
if (!arrayEqual(newData, oldData)) { this._cancle() this._initMove(this.resize) }
取消判断条件后 正常

不支持点击

深复制的时候 点击事件没有复制过去， 总有视图大小范围里的控件点击动作无效

无法自动滚动，除非鼠标悬停再移开

optionSingleHeight() {
return {
step: 2,
switchDelay: 0,
limitMoveNum:7,
hoverStop: true,
direction: 1,
openWatch: false,
singleHeight: 100
};
}

以上是配置项，但是进入页面的时候不会自动滚动，要先把鼠标挪上去，再移开，才会滚动。请问是配置有什么问题吗。谢谢

是否有插件形式的调用支持？

无缝滚动，能否直接以插件的形式来使用呢？

这样在需要用无缝滚动的时候，我就不用单独为这个区域再创建一个组件了。

请轩大神支持下！

Nuxt下使用无法实现水平无缝滚动？

当direction设置为2时，正常情况下应该是水平无缝滚动，可是却无法实现。水平情况下本来两个div应该是水平摆放的，可是出来的效果却是垂直的...请问有什么解决方案吗？谢谢。

Vue v2.5.11下，切换路由时报错‘Uncaught TypeError: Cannot read property 'offsetHeight' of undefined’

#error

Uncaught TypeError: Cannot read property 'offsetHeight' of undefined
    at eval (vue-seamless-scroll.min.js?919b:1)
(anonymous) @ vue-seamless-scroll.min.js?919b:1
requestAnimationFrame (async)
_move @ vue-seamless-scroll.min.js?919b:1
boundFn @ vue.esm.js?efeb:189
(anonymous) @ vue-seamless-scroll.min.js?919b:1
requestAnimationFrame (async)
_move @ vue-seamless-scroll.min.js?919b:1
boundFn @ vue.esm.js?efeb:189
(anonymous) @ vue-seamless-scroll.min.js?919b:1
requestAnimationFrame (async)
_move @ vue-seamless-scroll.min.js?919b:1
boundFn @ vue.esm.js?efeb:189
(anonymous) @ vue-seamless-scroll.min.js?919b:1
requestAnimationFrame (async)
_move @ vue-seamless-scroll.min.js?919b:1
boundFn @ vue.esm.js?efeb:189
(anonymous) @ vue-seamless-scroll.min.js?919b:1
requestAnimationFrame (async)
_move @ vue-seamless-scroll.min.js?919b:1
boundFn @ vue.esm.js?efeb:189
(anonymous) @ vue-seamless-scroll.min.js?919b:1
requestAnimationFrame (async)
_move @ vue-seamless-scroll.min.js?919b:1
boundFn @ vue.esm.js?efeb:189
(anonymous) @ vue-seamless-scroll.min.js?919b:1
requestAnimationFrame (async)
_move @ vue-seamless-scroll.min.js?919b:1
boundFn @ vue.esm.js?efeb:189
(anonymous) @ vue-seamless-scroll.min.js?919b:1
requestAnimationFrame (async)
_move @ vue-seamless-scroll.min.js?919b:1
boundFn @ vue.esm.js?efeb:189
(anonymous) @ vue-seamless-scroll.min.js?919b:1
requestAnimationFrame (async)
_move @ vue-seamless-scroll.min.js?919b:1
boundFn @ vue.esm.js?efeb:189
(anonymous) @ vue-seamless-scroll.min.js?919b:1
requestAnimationFrame (async)
_move @ vue-seamless-scroll.min.js?919b:1
boundFn @ vue.esm.js?efeb:189
(anonymous) @ vue-seamless-scroll.min.js?919b:1
requestAnimationFrame (async)
_move @ vue-seamless-scroll.min.js?919b:1
boundFn @ vue.esm.js?efeb:189
(anonymous) @ vue-seamless-scroll.min.js?919b:1
requestAnimationFrame (async)
_move @ vue-seamless-scroll.min.js?919b:1
boundFn @ vue.esm.js?efeb:189
(anonymous) @ vue-seamless-scroll.min.js?919b:1
requestAnimationFrame (async)
_move @ vue-seamless-scroll.min.js?919b:1
boundFn @ vue.esm.js?efeb:189
(anonymous) @ vue-seamless-scroll.min.js?919b:1
requestAnimationFrame (async)
_move @ vue-seamless-scroll.min.js?919b:1
boundFn @ vue.esm.js?efeb:189
(anonymous) @ vue-seamless-scroll.min.js?919b:1
requestAnimationFrame (async)
_move @ vue-seamless-scroll.min.js?919b:1
boundFn @ vue.esm.js?efeb:189
(anonymous) @ vue-seamless-scroll.min.js?919b:1
requestAnimationFrame (async)
_move @ vue-seamless-scroll.min.js?919b:1
boundFn @ vue.esm.js?efeb:189
(anonymous) @ vue-seamless-scroll.min.js?919b:1
requestAnimationFrame (async)
_move @ vue-seamless-scroll.min.js?919b:1
boundFn @ vue.esm.js?efeb:189
(anonymous) @ vue-seamless-scroll.min.js?919b:1
requestAnimationFrame (async)
_move @ vue-seamless-scroll.min.js?919b:1
boundFn @ vue.esm.js?efeb:189
(anonymous) @ vue-seamless-scroll.min.js?919b:1
requestAnimationFrame (async)
_move @ vue-seamless-scroll.min.js?919b:1
boundFn @ vue.esm.js?efeb:189
(anonymous) @ vue-seamless-scroll.min.js?919b:1
requestAnimationFrame (async)
_move @ vue-seamless-scroll.min.js?919b:1
boundFn @ vue.esm.js?efeb:189
(anonymous) @ vue-seamless-scroll.min.js?919b:1
requestAnimationFrame (async)
_move @ vue-seamless-scroll.min.js?919b:1
boundFn @ vue.esm.js?efeb:189
(anonymous) @ vue-seamless-scroll.min.js?919b:1
requestAnimationFrame (async)
_move @ vue-seamless-scroll.min.js?919b:1
boundFn @ vue.esm.js?efeb:189
(anonymous) @ vue-seamless-scroll.min.js?919b:1
requestAnimationFrame (async)
_move @ vue-seamless-scroll.min.js?919b:1
boundFn @ vue.esm.js?efeb:189
(anonymous) @ vue-seamless-scroll.min.js?919b:1
requestAnimationFrame (async)
_move @ vue-seamless-scroll.min.js?919b:1
boundFn @ vue.esm.js?efeb:189
(anonymous) @ vue-seamless-scroll.min.js?919b:1
requestAnimationFrame (async)
_move @ vue-seamless-scroll.min.js?919b:1
boundFn @ vue.esm.js?efeb:189
(anonymous) @ vue-seamless-scroll.min.js?919b:1
requestAnimationFrame (async)
_move @ vue-seamless-scroll.min.js?919b:1
boundFn @ vue.esm.js?efeb:189
(anonymous) @ vue-seamless-scroll.min.js?919b:1
requestAnimationFrame (async)
_move @ vue-seamless-scroll.min.js?919b:1
boundFn @ vue.esm.js?efeb:189
(anonymous) @ vue-seamless-scroll.min.js?919b:1
requestAnimationFrame (async)
_move @ vue-seamless-scroll.min.js?919b:1
boundFn @ vue.esm.js?efeb:189
(anonymous) @ vue-seamless-scroll.min.js?919b:1
requestAnimationFrame (async)
_move @ vue-seamless-scroll.min.js?919b:1
boundFn @ vue.esm.js?efeb:189
(anonymous) @ vue-seamless-scroll.min.js?919b:1
requestAnimationFrame (async)
_move @ vue-seamless-scroll.min.js?919b:1
boundFn @ vue.esm.js?efeb:189
(anonymous) @ vue-seamless-scroll.min.js?919b:1
requestAnimationFrame (async)
_move @ vue-seamless-scroll.min.js?919b:1
boundFn @ vue.esm.js?efeb:189
(anonymous) @ vue-seamless-scroll.min.js?919b:1
requestAnimationFrame (async)
_move @ vue-seamless-scroll.min.js?919b:1
boundFn @ vue.esm.js?efeb:189
(anonymous) @ vue-seamless-scroll.min.js?919b:1

#template

<vue-seamless-scroll :data="rewardList" :class-option="seamlessOption" class="warp">
  <ul class="item">
    <li v-for="(item, index) in rewardList" :key="index">
      <p class="name">{{ item.nickname }}</p>
      <p class="reward-type">{{ `${item.amount}${rewardTypeList[item.type]}` }}</p>
      <!-- <p class="cell-phone">{{ item.cellPhone }}</p> -->
    </li>
  </ul>
</vue-seamless-scroll>

#seamlessOption

seamlessOption: {
  step: 0.25,
  limitMoveNum: 5,
},

#version

"dependencies": {
  "alloyfinger": "^0.1.11",
  "clipboard": "^1.7.1",
  "exif-js": "^2.3.0",
  "fastclick": "^1.0.6",
  "vue": "^2.5.2",
  "vue-resource": "^1.3.4",
  "vue-router": "^3.0.1",
  "vue-seamless-scroll": "^1.0.5",
  "vuex": "^2.1.1",
  "vuex-i18n": "^1.3.1",
  "vux": "^2.2.0"
},

太卡

滚动一点都不流畅

使用router-link问题

在1920*1080分辨率且不缩小屏幕的情况下可以点击跳转，但是缩小屏幕后，就没有效果

:data='Array' 中的数组有什么要求吗

我现在使用后的问题：两个相同结构的组件，不同的Array,但是一个滚动一个不滚动，然后将不滚动的那个组件的 ：data='Array'中的Array替换成了可以滚动的Array ，然后这个组件就开始滚动了。这个：data="Array"中的Array 的数组有一定的要求，还是一个页面不能使用多个这样的滚动组件

cpu带不起你的程序

我mac开发只要切换到有引入你的vue-seamless-scroll的组件，马上cpu像疯了一样，温度慢慢飙升，直接到99度。不是夸张。希望大佬你能检查一下你的代码看看哪里是否还能优化。不能完成功能就忽略了性能问题

当滚动的列表内容，不是一个占据一个块的位置的时候，出现循环滚动漏失列表问题

滚动的内容是一个占据一个块的时候，滚动是没有问题的，循环的时候，从1-10 1-10 1-10 ...；如果假设是两个列表占据一行时候，就会出现 1-10 1-8 1-10 这样的问题。应该是先求每个列表的高度，然后乘以总的个数，就是整个滚动的高度，但是当两个内容是在同一行的时候，就会出问题吧。还没看源码，如果说错了，请大神见谅哈!

singleHeight

移动端布局用rem的话，singleHeight只能接收Nubmer就不太灵活了，希望能有对rem的支持^_^

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.