win10, vue + antd + vuescroll(最新).

==================

事情是这样的，

我在antd Modal 里有一个vuescroll滚动条，滚动条内 有一个富文本，但是富文本用的是原始scroll.

在富文本里写完长文本后 无法用鼠标中键滚动 ，鼠标中键滚动反而会触发 外层 Modal的滚动条。 只能拖动。

可能是我使用的方法问题，但是在网上实在没有找到靠谱的解决办法，所以只能在这请教下是什么原因导致的？

On the last update, vuescroll-panel seems to not be set correctly, and the margin-right: -17px, used to hide the browser scollbar and the overflow-y: scroll, don't appear until you hover the panel, you can force the browser scrollbar to appear by refreshing the browser, be sure your mouse cursor is not hovering the panel.

That bug forced me to specify two those properties on my styles in order to fix it.

Chrome version: 61 (I'm using Electron) OS: Windows

Hello

Looks like there's an issue on Edge. The scroll appears, but the content is not hidden. It overflows. Works fine on Chrome/Firefox/IE11. :thinking:

when i use vuescroll in Vue, there hava a memory leak problem, when I leave the page which use vuescroll,the listener action was not release, the component have no release api to destory ,how can i slove this problem? thanks

handle-scroll 以后不执行handle-scroll-complete ？是我代码问题吗 @load-start="handleLoadStart" @handle-scroll-complete="handleComplete" handleComplete () { console.log(1) this.$emit('scroll-finish') }, handleScroll () { console.log(2) this.$emit('scrolling') }, @scroll-finish="canClick = true" @scrolling="canClick = false" 因为列表需要点击事件，所以滚动时候不能点击 但是滚动结束监听不生效 有时候

I have horizontal dragscrollable layout that contains some elements with onclick events. However, when scrolling this layout, all events of nested elements trigger too.

I have found a workaround for this, but it doesn't work correct in some cases. For example, when user scrolls extremely fast in some direction (left or right), it triggers bouncing of the layout, so after that the user have to wait some time until bouncing stops, and only after all this stuff elements are becoming available for clicking on them. (Here's a gif that demonstrates how it happens)

If bouncing is disabled, everything work good, but is there a way to make it more accurately?

Here's codesandbox to see clearly what's happening: https://codesandbox.io/s/codesandbox-nuxt-0psc4

Package version: "vuescroll": "^4.14.4" Browser: Chrome 78.0.3904.70

Is there any way to set the max-height property for the parent instead of fixing a height?

Here I have an example. Try to change the data mode: 'max-height' by default, it doesn't work at all.

But it works if I set the height by default; and then switch to max-height and resize the window a little bit it's not working any more.

https://jsfiddle.net/sontd/zgvrq89u/3/

When i scrolling down sometimes top and bottom side border become blurry. And it changing upon all way of rail. Horizontal line has same effect. I'm using Win 10 chrome 72.0.3626.96. Link to repro

Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option. @wangyi7099 这个插件怎么注册呢? 你的API里没有提到, 望大佬指点

[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.

配置如下： { src: '~plugins/vuescroll', ssr: false }, ssr 是false

这个问题是因为服务端与客户端渲染的DOM结构不一样。出现的这个问题是vuescroll没有允许在服务端使用导致的。

但是如果改成true 就会报 window is not defined 因为服务端没有window

Do you know if this can work with Nuxt?

I created a vuescroll.js plugin

import Vue from 'vue'
import vuescroll from 'vuescroll'
Vue.use(vuescroll)

Added that to plugins: [{ src: '~/plugins/vuescroll.js', ssr: false }] in the nuxt.config

But I get the error "window is not defined"

Any ideas?

Thanks

ie11环境中出现问题，firefox和chrome中正常

完整代码在https://gitee.com/corn2019/modal-scroll

在main.js中封装模态框

const openModal = (modal, options = {}) => {
  const ModalConstructor = Vue.extend({ ...modal })
  const ModalInstance = new ModalConstructor({ ...options })
  ModalInstance.$mount()
  document.body.appendChild(ModalInstance.$el)
}
Vue.prototype.$openModal = openModal

模态框组件中封装close函数

close() {
      this.$destroy()
      if (this.$el) document.body.removeChild(this.$el)
    },

firefox中运行结果正常（上面部分为非模态框中，下面部分在模态框中） https://gitee.com/corn2019/modal-scroll/blob/master/%E8%BF%90%E8%A1%8C%E7%BB%93%E6%9E%9C%E5%9B%BE%E7%89%87/firefox%E6%AD%A3%E5%B8%B8.png

ie中数据显示异常 https://gitee.com/corn2019/modal-scroll/blob/master/%E8%BF%90%E8%A1%8C%E7%BB%93%E6%9E%9C%E5%9B%BE%E7%89%87/ie%E4%B8%AD%E6%A8%A1%E6%80%81%E6%A1%86%E9%87%8C%E6%95%B0%E6%8D%AE%E6%9C%AA%E6%AD%A3%E5%B8%B8%E6%98%BE%E7%A4%BA.png

ie中关闭模态框中报错 Error in beforeDestroy hook: "Error: 拒绝访问。 https://gitee.com/corn2019/modal-scroll/blob/master/%E8%BF%90%E8%A1%8C%E7%BB%93%E6%9E%9C%E5%9B%BE%E7%89%87/ie%E5%85%B3%E9%97%AD%E6%A8%A1%E6%80%81%E6%A1%86%E6%97%B6%E6%8A%A5%E9%94%99.png

Hello everyone I want to make a scroll bar like this. How can I redefine __rail or __bar_button so that the buttons follow __bar-wrap and represent svg elements?

I would like to use pullRefresh feature only, without custom scroll bars and any other scroll related features.

Is this possible to achieve?

This is my configuration. It is very close but I am unable to scroll down the page when preventDefaultOnMove is true. When it is false I can scroll down but browser pull to refresh is triggered together with vuescroll event

ops: {
        mode: "slide",
        vuescroll: {
          mode: "slide",
          pullRefresh: {
            enable: true
          },
          scroller: {
             preventDefaultOnMove: true
          }
        },
        bar: {
          disable: true
        }
      }

When the wrapping container has witdth value in subpixels (eg. 500.25px), then applied gutter to minus right margin does not fully hide native scrollbar, while width values with decimal part above 0.5px work just fine.