malihu 自定义滚动条插件不适用于 Electron.js

Posted

技术标签:

【中文标题】malihu 自定义滚动条插件不适用于 Electron.js【英文标题】:malihu custom scrollbar plugin does not work with Electron.js 【发布时间】:2019-08-28 15:43:40 【问题描述】:

我为智障人士创建了一个 Web 应用程序。滚动条已被“malihu-custom-scrollbar 插件”取代。 http://manos.malihu.gr/jquery-custom-content-scroller/ 这在普通浏览器中完美运行,但现在我希望能够在没有浏览器的本地设备上使用该网站,而是通过“Electronjs”作为应用程序使用。 (https://electronjs.org/) 除了“malihu-custom-scrollbar 插件”之外,这一切都很好。

在这里我找到了一个可能的答案:https://github.com/malihu/malihu-cus...gin/issues/473。但是我对 Electron 的了解还远远不够。我不知道该怎么办。 在我的电子文件夹的 main.js 文件中,我有以下函数可以转到一个 malihu 示例:

function createWindow () 
  mainWindow = new BrowserWindow(
  width: 800,
  height: 600,
  frame: false, 
  webPreferences: 
  nodeIntegration: true
    
  )

 mainWindow.loadURL('http://manos.malihu.gr/repository/custom- scrollbar/demo/examples/scrollbar_themes_demo.html')

 mainWindow.on('closed', function () 

 mainWindow = null
 )
 

您应该会看到自定义滚动条,但只有普通滚动条。

【问题讨论】:

【参考方案1】:

找到了解决办法: nodeIntegration:假,(为真)

mainWindow = new BrowserWindow(
    width: 800,
    height: 600,

    webPreferences: 
        nodeIntegration: false,
    
)

【讨论】:

以上是关于malihu 自定义滚动条插件不适用于 Electron.js的主要内容,如果未能解决你的问题,请参考以下文章

如何在调整大小时更改 Malihu 自定义滚动条 snapAmoun?

mCustomScrollbar插件自定义滚动条

malihu 自定义滚动条将 <div class='mCSB_draggerRail'></div> 在电子上的错误位置

如何在 ReactJS 中自定义 malihu-custom-scrollbar-plugin?

前端模拟滚动条插件

自定义滚动条跨浏览器[重复]